/*body { background: none repeat scroll 0 0 #FFFFFF; margin: 0; overflow: hidden; padding: 0; float: left; width: 100%; } #topcontrol { z-index: 2147483647; background-color: #28629F ; } /* General Setting */ /*.block { float: left; /*padding: 70px 0;*/ /*padding: 25px 0; position: relative; width: 100%; } .fa.fa-map-marker { height: 80px; } .block.gray { background: #f9f9f9; } .white:before { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset; -moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset; -ms-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset; -o-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset; box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset; } .fixed-img { background-attachment: fixed !important; height:50%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .remove-gap { padding-top: 0; } .block .container { padding: 0; position: relative; z-index: 9; } .jump-to-top { display: none; } .sec-bg1 { background: url("../images/resource/sec-bg1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg2 { background: url("../images/resource/sec-bg2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg3 { background: url("../images/resource/sec-bg3.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg4 { background: url("../images/resource/sec-bg4.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg5 { background: url("../images/resource/sec-bg5.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg6 { background: url("../images/resource/sec-bg6.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg7 { background: url("../images/resource/sec-bg7.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg8 { background: url("../images/resource/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg9 { background: url("../images/resource/sec-bg9.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg10 { background: url("../images/resource/sec-bg10.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg11 { background: url("../images/resource/sec-bg11.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg12 { background: url("../images/resource/sec-bg12.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg13 { background: url("../images/resource/sec-bg13.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg14 { background: url("../images/resource/sec-bg14.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } .sec-bg15 { background: url("../images/resource/sec-bg15.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); } /* Boxed Layout */ .theme-layout.boxed { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -ms-box-shadow: 0 0 10px #000000; -o-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; display: block; margin: 0 auto; overflow: hidden; position: relative; width: 1230px; z-index: 0; } .theme-layout { display: inline-block; width: 100%; background: none repeat scroll 0 0 #FFFFFF; } .top-margin { margin-top: -30px; float: left; width: 100%; } /* owl Buttons Navigation */ .owl-buttons { /*background: none repeat scroll 0 0 #FFFFFF;*/ position: absolute; right: 0; top: -35px; z-index: 2; } .owl-carousel { cursor: grab; } .owl-buttons > div { background-position: 9px 6px; background-repeat: no-repeat; border: 1px solid #D3D3D3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: rgba(0, 0, 0, 0); float: left; height: 24px; margin-bottom: 5px; margin-left: 11px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 27px; } .owl-buttons > .owl-prev { background-image: url("../images/arrow-prev.png"); } .owl-buttons > .owl-prev:hover { background-image: url("../images/arrow-prev-h.png"); } .owl-buttons > .owl-next { background-image: url("../images/arrow-next.png"); } .owl-buttons .owl-next:hover { background-image: url("../images/arrow-next-h.png"); } .owl-buttons > div:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } /* Heading 1 */ .heading1 { display: table; float: none; margin: 0 auto; position: relative; width: auto; margin-bottom: 50px; min-width: 500px; } .heading1:before { background-image: url("../images/heading-line.png"); bottom: 0; content: ""; height: 1px; position: absolute; right: 0; width: 100%; background-size: 100%; } .heading1 > h2 > i { font-style: normal; font-weight: 100; } .heading1 > h2 { color: #000000; float: left; font-family: Roboto Slab; font-size: 26px; font-style: normal; font-weight: 600; letter-spacing: 0.5px; line-height: 23px; margin: 0; padding: 0 0 30px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } .heading1 > h2:after { bottom: 0; left: 0; position: absolute; height: 10px; width: 10px; content: ""; left: 50%; margin-left: -5px; margin-bottom: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .heading1 > h2:before { position: absolute; left: 50%; bottom: 0; width: 100px; content: ""; height: 1px; margin-left: -50px; } /* Mini Heading */ .mini-heading { float: left; font-family: open sans; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 34px; margin: -13px 0 30px; width: 100%; text-transform: uppercase; position: relative; color:#666; } .mini-heading:before { position: absolute; left: 0; bottom: 0; width: 80px; background: #dfdfdf; height: 1px; content: ""; } /* Heading2 */ .heading2 { float: left; margin-bottom: 42px; position: relative; width: 100%; } .heading2 > h2 { background: none repeat scroll 0 0 #FFFFFF; float: left; } .heading2:before { background: none repeat scroll 0 0 #D3D3D3; content: ""; height: 1px; left: 0; position: absolute; top: 10px; width: 100%; } .heading2 > h2 { background: none repeat scroll 0 0 #FFFFFF; color: #000000; float: left; font-family: Open Sans; font-size: 17px; font-weight: 600; letter-spacing: 0.3px; line-height: 14px; margin: 0 0 0 40px; padding: 2px 30px 2px 21px; position: relative; } .heading2 > h2:before { background: none repeat scroll 0 0 #D3D3D3; border: 2px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 12px; left: -22px; position: absolute; top: 4px; width: 12px; z-index: 99999; } .heading2:after { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; content: ""; height: 3px; left: 0; position: absolute; top: 9px; width: 20px; } .heading2 > h2 > i { font-style: normal; } .heading2 > span { display: none; } /* Heading 3 */ .heading3 { float: left; position: relative; width: 100%; margin-bottom:20px; } .nav > li { border-bottom: 1px solid #d5dee8; display: block; position: relative; } .heading3 > h2 { border-bottom: 3px solid #C6C6C6; color: #000000; float: left; font-family: Open Sans; font-size: 1.6em; font-weight: 600; /*letter-spacing: 0.3px;*/ line-height: 22px; margin: 0; padding-bottom: 15px; padding-right: 25px; } .heading3 > h2 i { font-style: normal; font-weight: 600; } .heading3:before { background: none repeat scroll 0 0 #C6C6C6; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } /* Heading4 */ .heading4 { border-bottom: 1px solid #DBDBDB; display: table; float: none; margin: 0 auto 46px; padding: 0 10%; position: relative; text-align: center; } .heading4 > h2 { border-bottom: 3px solid; color: #434343; display: table; float: none; font-family: raleway; font-size: 30px; font-weight: 500; letter-spacing: 0.25px; line-height: 21px; margin: 0 auto -2px; padding: 0 8% 18px; position: relative; text-align: center; } .heading4 > h2 i { font-style: normal; font-weight: 600; } .heading4:before { background: none repeat scroll 0 0 #DBDBDB; bottom: 0; content: ""; height: 16px; left: -4px; position: absolute; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); width: 1px; } .heading4:after { background: none repeat scroll 0 0 #DBDBDB; bottom: -14px; content: ""; height: 16px; position: absolute; right: -4px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); width: 1px; } /* Business Header */ header.business1 .for-sticky.sticky { /* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);*/ -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important; -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important; -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important; left: 0; position: fixed; top: 0; /*height:auto !important;*/ height:95px !important; z-index: 2147483647; } header.business1 .for-sticky.sticky .logo { /*margin: 1px 0 -5px;*/ margin: 3px 0 -5px; } header.business1 .for-sticky.sticky .logo > a > img { width: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } header.business1 .for-sticky.sticky .business1-menu > ul > li { padding: 25px 0; } .sticky .log-in-sec > a { margin-bottom: 22px; margin-right: 50px; margin-top: 22px; } .sticky .log-in-sec { margin-left: 40px; } .business2 .for-sticky.sticky { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important; -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important; -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important; height: auto !important; left: 0; position: fixed; top: 0; z-index: 99999999; } #menu-sec { background-size: contain; float: left; /*height: 100px;*/ height: 50px; width: 100%; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } .business1 { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09); /*Sanyour*/ background: url(../../images/header.png) no-repeat ; left: 0; position: absolute; margin-top: -65px; width: 100%; z-index: 2147483623; } .business1 .container { padding: 0; } header { float: left; width: 100%; z-index:99999999; /*background: url(../../images/header.png);*/ background-repeat: no-repeat; background-size: contain; /*height: 97px;*/ top: 50; } header .business1 { float: left; width: 100%; } .business1-top-bar > ul { float: right; margin-bottom: 0; margin-left: 0; margin-right: 350px; padding: 5px 0; width: auto; } .business1-top { border-bottom: 1px solid rgba(0, 0, 0, 0.04); float: left; width: 100%; position: relative; background:none repeat scroll 0 0 #FFFFFF; } .business1-top-bar { float: left; position: relative; /*left: 5%;*/ width: 100%; padding: 0px 8px; background-color: #192847; top:-50px; } .business1-top-bar > ul > li { float: left; list-style: none outside none; margin-left: 15px; } .business1-top-bar > ul > li > a { /*color: rgba(0,0,0,0.2);*/ color: #FFFFFF; float: left; font-size: 18px; height: 34px; line-height: 30px; text-align: center; width: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .business1-top-bar > ul > li > a:hover { color: #fff; } .business1-top-bar > ul > li > a > i { float: left; height: 32px; line-height: 31px; width: 32px; /*border: 1px solid rgba(0,0,0,0.15);*/ border: 1px solid #304255; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .business1-top-bar > ul > li > a:hover .fa-facebook { background: none repeat scroll 0 0 #3B5998; border:1px solid #3B5998; } .business1-top-bar > ul > li > a:hover .fa-google-plus { background: none repeat scroll 0 0 #dd4b39; border:1px solid #dd4b39; } .business1-top-bar > ul > li > a:hover .fa-twitter { background: none repeat scroll 0 0 #00aced; border:1px solid #00aced; } .business1-top-bar > ul > li > a:hover .fa-pinterest { background: none repeat scroll 0 0 #cb2027; border:1px solid #cb2027; } .business1-top-bar > ul > li > a:hover .fa-skype { background: none repeat scroll 0 0 #007bb6; border:1px solid #007bb6; } .business1-top-bar > form { /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/ background: none repeat scroll 0 0 #37BCCD ; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 32px; margin-left: 18px; overflow: hidden; position: absolute; right: 72px; top: 5px; z-index: 98; } .business1-top-bar > form > a { color: #FFFFFF; float: right; font-size: 13px; height: 34px; line-height: 32px; text-align: center; width: 34px; } .business1-top-bar > form > input { float: left; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 0; /*border: medium none;*/ border:1px solid #37BCCD ; font-family: open sans; font-size: 13px; padding: 8px 0 8px 0px; text-transform: uppercase; /*color: #7a7a7a;*/ color: #000000; } .business1-top-bar > form:hover input, .business1-top-bar > form input:focus { /* background-image: url("../../images/header.png")no-repeat #fff top left;*/ opacity: 1; filter:alpha(opacity=100); /*Sanyour*/ height: 32px; /*///////*/ width: 264px; padding: 8px 0 8px 12px; } .business1 .logo { float: left; /*margin: 22px 0 22px;*/ margin: 3px 0 22px; background-image: url("../../images/header.png")no-repeat #fff top left; } .business1-menu { float: left; /*margin-left: 170px;*/ width: -moz-max-content; width: -webkit-max-content; /* Chrome */ margin-top: -50px; margin-left: -100px; } .business1-menu > ul { float: left; margin: 0; padding: 0; } .business1-menu > ul > li { float: left; list-style: none outside none; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding:36px 0; } .business1-menu > ul > li > a { border: 1px solid rgba(0, 0, 0, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; float: left; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 10px; padding: 8px 15px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; } .business1-menu > ul > li > a > i { display: none; } .business1-top-bar > span { /*color: #404040;*/ color: #FFFFFF; float: left; font-family: verdana; font-size: 12px; letter-spacing: 0.3px; margin: 13px 50px 13px 50px; font-weight:bold; } .business1-top-bar > span > a { /*color: #404040;*/ color: #FFFFFF; text-decoration:none; } .business1-top-bar > span > i { float: left; font-size: 16px; margin-right: 10px; } /* Dropdown Menu1 */ .business1-menu > ul > li > ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /*left: 50%; margin: 50px 0 0 -100px;*/ left: 0; margin: 0; opacity: 0; filter:alpha(opacity=0); padding: 2px; position: absolute; top: 100%; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 200px; z-index: 2147483647; background: #56c0ed; -webkit-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14); box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14); border: 1px solid #2cc0ff; } .business1-menu > ul > li:hover > ul { margin-top: -40px; opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .business1-menu > ul > li > ul.mega { left: 0; margin-left: 0; width: 408px; } .business1-menu > ul > li > ul.mega:before { left: 20px; } .business1-menu > ul > li > ul.mega > li { width: 200px; } .business1-menu > ul > li > ul:before { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); content: ""; left: 50%; margin-left: -2.5px; position: absolute; top: -4px; } .business1-menu > ul > li > ul > li:nth-child(2n+2) { margin-left: -60px; } .business1-menu > ul > li:hover > ul > li:nth-child(2n+2) { margin-left: 0; } .business1-menu > ul > li > ul > li:hover > a{ padding-left:15px; /*color:#fff;*/ color:#FFFFFF; } .business1-menu > ul > li > ul > li:hover > a > i { color: #fff; } .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { z-index: 9; } .business1-menu > ul > li > ul > li { background: none repeat scroll 0 0 rgba(53, 157, 198, 0.58); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; list-style: none outside none; margin-bottom: 1px; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .business1-menu > ul > li > ul > li > a { /*color: #626262;*/ color: #FFFFFF; float: left; font-family: open sans; font-size: 13px; /*padding: 10px 25px;*/ padding: 8px 10px; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .business1-menu > ul > li > ul > li > a > i { /*color: #404040;*/ color: #FFFFFF; float: left; font-size: 15px; margin-top: 1px; } .business1-menu > ul > li > ul > li > ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; left: 103%; margin: 0; opacity: 0; filter:alpha(opacity=0); padding: 2px; position: absolute; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 200px; z-index: 999999999; background: #56c0ed; } .business1-menu > ul > li > ul > li > ul > li { /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/ /*border: 1px solid #000066;*/ /*-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;*/ background: #42abd6; float: left; list-style: none outside none; margin-bottom: 1px; padding: 10px 0px; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 95%; padding-left: 10px; } .business1-menu > ul > li > ul > li > ul > li:hover { /*padding-left: 24px;*/ text-decoration:none; } .business1-menu > ul > li > ul > li > ul > li > a { /*color: #FAFAFA;*/ color: #FFFFFF; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; width: 100%; } .business1-menu > ul > li > ul > li:hover > ul { opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } /******dalia**********/ .business1-menu > ul > li > ul > li > ul > li > ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; left: 100%; margin: 0; opacity: 0; filter:alpha(opacity=0); padding: 2px; position: absolute; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 200px; z-index: 999999999; background: #fafafa; top: 0; } .business1-menu > ul > li > ul > li > ul > li > ul > li { /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/ background: #28629f; /*Sanyour*/ /*border: 1px solid #000066;*/ /*-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;*/ float: left; list-style: none outside none; margin-bottom: 1px; padding: 10px 12px; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .business1-menu > ul > li > ul > li > ul > li > ul > li:hover { /* padding-left: 24px;*/ } .business1-menu > ul > li > ul > li > ul > li > ul > li a { /*color: #FAFAFA;*/ color: #FFFFFF; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; width: 100%; } .business1-menu > ul > li > ul > li > ul > li:hover > ul { opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); top:-2; } /*************************/ /* Login Style */ .log-in-sec { float: right; margin-left: 90px; position: relative; } .log-in-sec > a { border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin: 35px 0; padding: 8px 10px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .login-form > ul > li > p { color: #7A7A7A; float: left; font-family: Noto Sans; font-size: 13px; margin: 0; margin-top: 10px; padding-left: 2px; letter-spacing: 0.30px; } .log-in-sec > a span > i { margin-right: 5px; } .login-form { position: absolute; top: 100px; width: 250px; left: 50%; margin-left: -125px; background: #fafafa; z-index: 99; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 20px; -webkit-box-shadow: 0px 4px 2px rgba(0,0,0,0.14); -moz-box-shadow: 0px 4px 2px rgba(0,0,0,0.14); -ms-box-shadow: 0px 4px 2px rgba(0,0,0,0.14); -o-box-shadow: 0px 4px 2px rgba(0,0,0,0.14); box-shadow: 0px 4px 2px rgba(0,0,0,0.14); display: none; } .theme-layout.boxed .login-form { left: auto; margin: 0; right: 0; } .theme-layout.boxed .login-form:before { left: auto; right: 23px; } .login-form:before { position: absolute; left: 50%; top: -7px; border-bottom: 8px solid #fafafa; border-left: 8px solid rgba(0,0,0,0); border-right: 8px solid rgba(0,0,0,0); content: ""; margin-left: -4px; } .login-form > .input-style { margin-bottom: 13px; font-size: 11px; letter-spacing: 0.30px; } .login-form > a { display: table; float: none; font-family: open sans; font-size: 11px; margin: 0 auto; color: #7a7a7a; letter-spacing: 0.30px; text-transform: uppercase; } .login-form > ul { float: left; margin: 0; padding: 0; width: 100%; margin-top: 13px; } .login-form > ul > li { float: left; list-style: none outside none; width: 20%; } .login-form > ul > li:first-child { float: left; width: 40%; } .login-form > ul > li:last-child { float: right; width: 40%; } .login-form > ul > li > a { border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; padding: 13px 10px; } .login-form > ul > li > a.register { -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset; color: #FFFFFF; float: right; } /* Header Style 2 */ .business1.style2 .business1-top > .container > .business1-top-bar { position: relative; } .business1.style2 .business1-top > .container > .business1-top-bar:before { background: none repeat scroll 0 0 #F5F5F5; content: ""; height: 100%; left: -100%; position: absolute; top: 0; width: 100%; } .business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact { margin: 0; padding: 14px 18px 13px 0; position: relative; background: #f5f5f5; z-index: 9; } .business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before { position: absolute; right: -12px; top: 0; border-left: 12px solid #f5f5f5; border-top: 44px solid rgba(255,255,255,0); border-bottom: 0px solid rgba(255,255,255,0); content: ""; } .business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail > i { color: #FFFFFF; float: right; margin-left: 10px; } .business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; margin: 8px 0; padding: 5px 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin-left: -167px; padding-left: 40px; } .business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail:hover { margin-left: -26px; } .business1.style2 .business1-top > .container > .business1-top-bar > ul, .business1.style2 .business1-top > .container > .business1-top-bar > form { display: none; } .business1.style2 .business1-top > .container > .business1-top-bar > form { margin-right: 50px; } .business1.style2 .business1-menu > ul { /* margin: 42px 0;*/ margin: 5px 0; } .business1.style2 .business1-menu > ul > li { padding: 0; } .business1.style2 .business1-menu > ul > li { /*background: none repeat scroll 0 0 #FBFBFB;*/ /*border: 1px solid #E8ECEC;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* margin-right: 10px;*/ margin-right: 5px; padding: 1px; } .business1.style2 .business1-menu > ul > li > ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin-top: 1px; /*padding: 33px 0 10px;*/ padding: 12px 0 10px; } .business1.style2 .business1-menu > ul > li > ul > li > a { /*border: 1px solid #E8ECEC;*/ /*border: 1px solid #000066;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-decoration: none; /* -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset; -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset; -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;*/ float: left; width: 100%; } .business1.style2 .business1-menu ul:before { display: none; } .business1.style2 .business1-menu > ul > li > ul > li { /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);*/ background: #28629f; /*Sanyour*/ border: 1px solid #FFFFFF; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0; padding: 0; /*width: 204px;*/ width: 250px; } .business1.style2 .responsive-menu > ul > li > ul { padding: 0; } .business1.style2 .responsive-menu > ul > li > ul > li { width: 50%; } .business1.style2 .business1-menu > ul > li > a { color: #fff; padding: 10px 4px; line-height: 1.1em; font-family: 'verdana'; font-size: 14px; font-weight: normal; text-decoration: none; } } @media (max-width:1024px) { .business1.style2 .business1-menu > ul > li > a {font-size: 0.85em; padding: 8px 5px; } .business1 { background-position:2% ; top: 0; background-size: 60% auto; } } .business1.style2 .business1-menu > ul > li > a > i { margin-right: 2px; display: inline; } .business1.style2 .business1-menu > ul > li:hover > a { /*color: #fff !important;*/ /*color: #2A3748 !important; /*Sanyour*/ /*background: #90E2F3 !important;*/ background-color: #35AEDD; color: #FFF; } .business1.style2 #menu-sec { /* background-image: url("../../images/header.png")no-repeat #fff top center;*/ background: #115189; background-size: contain; margin-top:100px } .business1.style2 #menu-sec > .container > .log-in-sec > a i { display: none; } .business1.style2 .business1-menu > ul > li:hover > ul { top: 32px; } .business1.style2 #menu-sec > .container > .log-in-sec > a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; margin: 42px 0; padding: 1px; } .business1.style2 #menu-sec > .container > .log-in-sec > a > span { padding: 8px 10px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } header.business1.style2 .for-sticky.sticky .business1-menu > ul > li { padding: 1px; } .business1.style2 .business1-menu.responsive-menu > ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin: -9px 0 0; } .business1.style2 .business1-menu.responsive-menu > ul > li:hover > ul { top: 0; } .business1.style2 #menu-sec.sticky > .container > .log-in-sec { margin-top: 3px; } /* Responsive Menu */ .open-menu { display: none; float: none; margin: 0 auto; text-align: center; width: 300px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; color: #fff; line-height: 18px; font-size: 19px; padding: 8px 0; cursor: pointer; } @media (max-width:768px) { .business1 { background-position:2% ; top: 0; background-size: 100% auto; } .open-menu { width: 50px; margin-right: 50px;} body { padding-top: 0;} } .responsive-menu > ul { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.99); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; } .responsive-menu > ul > li { float: left; width: 100%; padding: 0; } .responsive-menu > ul > li > a { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 10px; } .responsive-menu > ul > li > ul { position: relative; -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -ms-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); opacity: 1; filter:alpha(opacity=100); float: left; margin: 0; } .responsive-menu > ul > li > ul.mega { border: medium none; width: 100%; } .responsive-menu > ul > li > ul:before { display: none; } .responsive-menu > ul > li > ul.mega > li { float: left; width: 50%; margin: 0; } .responsive-menu > ul > li > ul { display: none; left: 0; top: 0; width: 100%; border: none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .responsive-menu > ul > li > ul > li:nth-child(2n+2) { margin-left: 0; } .responsive-menu > ul > li > ul > li > ul { display: none; float: left; margin: 0; opacity: 1; filter:alpha(opacity=100); position: relative; -webkit-transform: scale(1) rotateY(0deg); -moz-transform: scale(1) rotateY(0deg); -ms-transform: scale(1) rotateY(0deg); -o-transform: scale(1) rotateY(0deg); transform: scale(1) rotateY(0deg); width: 100%; left:0; } header.business1 .for-sticky.sticky .responsive-menu > ul > li { padding: 0; } header.business2 .for-sticky.sticky .responsive-menu > ul > li { padding: 0; } .business2-menu.responsive-menu { z-index: 999999; } .business2-menu.responsive-menu > ul{ margin:0; } header.business2 .open-menu { margin: 15px auto 0; } /* Mega Dropdown */ .mega-menu { background: none repeat scroll 0 0 rgba(254, 254, 254, 0.95); -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); padding: 35px; position: absolute; top: 101px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); width: 800px; left: 0; } .mega-menu.left { left: 0; } .mega-menu.center { left: 50%; margin-left: -400px; } .mega-menu.right { left: auto; right: 0; } .business1-menu > ul > li:hover .mega-menu { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .for-sticky.sticky .mega-menu { margin-top: -14px; } .menu-news { float: left; width: 100%; } .menu-news > h3, .menu-ctgry > h3, .menu-slides > h3 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 20px; margin-top: 0; padding: 12px 30px; text-transform: uppercase; } .menu-news > ul { float: left; margin: 0; padding: 0; width: 100%; } .menu-news > ul > li { float: left; list-style: none outside none; margin-top: 20px; width: 100%; } .menu-news > ul > li:first-child { margin: 0; } .menu-news > ul > li > a { float: left; width: 100%; } .menu-news > ul > li > a > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #ffffff; float: left; font-family: open sans; font-size: 10px; letter-spacing: 0.3px; line-height: 10px; margin-right: 5px; padding: 5px; } .menu-news > ul > li > a > h3 { color: #666; display: block; font-family: open sans; font-size: 13px; font-weight: normal; letter-spacing: 0.3px; line-height: 16px; margin: 0; } .menu-news > ul > li > a > p { color: #000000; float: left; font-family: noto sans; font-size: 12px; letter-spacing: 0.3px; line-height: 20px; margin: 5px 0 0; width: 100%; } .menu-ctgry { float: left; width: 100%; } .menu-ctgry > ul { float: left; margin: 0; padding: 0; width: 100%; } .menu-ctgry > ul > li { float: left; list-style: none outside none; margin-top: 6px; padding-left: 20px; position: relative; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .menu-ctgry > ul > li:first-child { margin: 0; } .menu-ctgry > ul > li:before { background: none repeat scroll 0 0 #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 6px; left: 0; position: absolute; top: 8px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 6px; } .menu-ctgry > ul > li:hover:before { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .menu-ctgry > ul > li:hover { padding-left: 15px; } .menu-ctgry > ul > li > a { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; width: 100%; } .menu-slides { float: left; width: 100%; } .menu-slides > ul { float: left; margin: 0; padding: 0; width: 100%; } .menu-slides > ul li { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; position: relative; width: 100%; } .menu-slides > ul li > img { float: left; width: 100%; } .menu-slide-desc { background: none repeat scroll 0 0 rgba(56, 56, 56, 0.9); bottom: 0; left: 0; padding: 15px; position: absolute; } .menu-slide-desc > h3 { color: #FFFFFF; float: left; font-family: open sans; font-size: 14px; font-weight: normal; letter-spacing: 0.3px; line-height: 10px; margin: 0; width: 100%; } .menu-slide-desc > p { color: #F1F1F1; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 20px; margin-bottom: 0; margin-top: 15px; width: 100%; } /* Slider */ .tp-banner-container { float: left; width: 100%; position: relative; } .slider { float: left; /*margin-top: 45px;*/ margin-top: 90px; position: relative; width: 100%; } /* Slide1 */ .slide1-text { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; font-family: Roboto Slab; font-size: 30px; line-height: 22px; padding: 20px 35px 22px; } .slide1-text2 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; font-family: Roboto Slab; font-size: 30px; line-height: 22px; padding: 20px 35px 22px; background:#565656; } /* Slide2 */ .slide2-text1 { color: #FFFFFF; float: left; font-family: open sans; font-size: 30px; font-weight: 600; margin: 0; padding: 18px 30px; text-transform: uppercase; } .slide2-text1 > i { font-family: open sans; font-size: 25px; font-style: normal; font-weight: normal; } .slide2-text2 { color: #FFFFFF; float: left; font-family: Open Sans; font-size: 24px; font-weight: lighter; margin: 35px 0 0; padding: 17px 30px; position: relative; z-index:0; } .slide2-text2:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .slide2-text3 { color: #FFFFFF; float: left; font-family: Open Sans; font-size: 24px; font-weight: lighter; margin: 35px 0 0; padding: 17px 30px; position: relative; z-index:0; background:#6e6d6d; } /* Slide3 */ .slide3-text1 { float: left; margin: 0; padding: 0; width:337px; } .slide3-text1 > li { float: left; list-style: none outside none; width: 100%; } .slide3-text1 > li > i { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; float: left; font-size: 28px; height: 58px; line-height: 58px; margin-bottom: 30px; margin-right: 30px; text-align: center; width: 66px; } .slide3-text1 > li > h3 { color: #343333; display: block; font-family: open sans; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 16px; margin:0; margin-bottom:5px; } .slide3-text1 li > p { color: #404040; display: block; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; margin: 0; } /* Slide4 */ .slide4-text1 { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); color: #595959; float: left; font-family: open sans; font-size: 22px; font-weight: bold; letter-spacing: 0.3px; line-height: 15px; margin: 0; padding: 15px 20px; text-transform: uppercase; } .slide4-text2 { color: #595959; font-family: open sans; font-size: 30px; font-weight: lighter; letter-spacing: 0.3px; text-transform: uppercase; } .slide4-text2 > i { color: #595959; float: right; font-family: open sans; font-size: 13px; font-style: normal; font-weight: 500; margin-left: -66px; margin-top: 5px; text-align: right; } .slide4-text3 { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #4C4B4F; float: left; font-family: Noto Sans; font-size: 15px; letter-spacing: 0.3px; line-height: 10px; margin: 40px 0 0; padding: 15px 20px; } .slide4-text3.dark { background: none repeat scroll 0 0 rgba(89, 89, 89, 0.9); color: #FFFFFF; } .purchase-btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF !important; float: left; font-family: Noto Sans; font-size: 15px; letter-spacing: 0.3px; margin-top: 26px; padding: 10px 15px; } /* Slide Social */ .slider-social { bottom: -27px; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 999; } .slider-social > a > span{ background: none repeat scroll 0 0 #353638; border: 3px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #FFFFFF; display: table; float: none; font-size: 22px; height: 57px; line-height: 50px; margin: 0 auto; position: relative; text-align: center; width: 56px; z-index: 9999999; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .slider-social > a { float: left; position: relative; } .slider-social > a:before { background: none repeat scroll 0 0 #353638; content: ""; height: 1px; left: -141px; position: absolute; top: 30px; width: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .slider-social > a:after { background: none repeat scroll 0 0 #353839; bottom: 26px; content: ""; height: 1px; position: absolute; right: -141px; width: 100%; z-index: 9; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .slider-social > a.twitter:hover:before, .slider-social > a.twitter:hover:after, .slider-social > a.twitter:hover > span { background: #00aced; z-index: 9999999; } .slider-social > a:hover span { z-index: 99999999999 !important; } .slider-social > a.facebook:hover:before, .slider-social > a.facebook:hover:after, .slider-social > a.facebook:hover > span { background: #3B5998; z-index: 9999999; } .slider-social > a.google-plus:hover:before, .slider-social > a.google-plus:hover:after, .slider-social > a.google-plus:hover > span { background: #dd4b39; z-index: 9999999; } .slider-social > a.tumblr:hover:before, .slider-social > a.tumblr:hover:after, .slider-social > a.tumblr:hover > span { background: #3f729b; z-index: 9999999; } /* Get in Touch */ .get-in-touch { float: left; width: 100%; } .get-in-touch .input-style { margin-bottom: 10px; } .get-in-touch > form { float: left; width: 100%; margin-top: -20px; } .get-in-touch textarea.input-style { height: 110px; } .get-in-touch .submit { float: left; } .input-style { border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: open sans; font-size: 13px; height: 40px; letter-spacing: 0.3px; margin-bottom: 30px; padding: 10px 10px 10px 20px; width: 100%; } .input-style > i { float: left; font-size: 12px; color: #aeadad; line-height: 16px; margin-right: 15px; } .input-style > input, .input-style > textarea { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #000000; float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; width: 90%; } .input-style > textarea { height: 82px; width: 100%; } .input-style.submit { border: medium none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin: 0; padding: 0; } .input-style.submit > input.submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; padding: 5px 10px; width: auto; } .submit { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; display: table; float: none; font-family: Noto Sans; font-size: 14px; margin: 0 auto; padding: 5px 20px; } textarea.input-style { height: 150px; padding-top: 15px; } /* Twitter Slide */ .twitter-bar-slide { float: left; width: 100%; padding: 0; margin: 0; } .twitter-bar-slide li { float: left; list-style: none outside none; position: relative; width: 100%; padding-top: 50px; } .twitter-bar-slide li:before { color: #42B7E2; content: "ï‚™"; font-family: fontawesome; font-size: 50px; left: 50%; margin-top: -32px; position: absolute; top: 22px; margin-left: -15px; } .twitter-bar-slide li > h3 { color: #000000; float: left; font-family: open sans; font-size: 18px; line-height: 34px; margin: 0 0 10px; width: 100%; font-weight: normal; letter-spacing: 0.30px; font-weight: lighter; text-align:center; text-transform: none; } .twitter-bar-slide li > a { font-family: open sans; font-size: 18px; font-weight: lighter; line-height: 16px; margin-bottom: 12px; letter-spacing: 0.30px; text-align:center; float: none; margin: 0 auto; display: table; } .twitter-bar-slide li > span { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 12px; margin-bottom: 20px; margin-top: 20px; text-align: center; width: 100%; } #twitter-btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; font-family: open sans; font-size: 15px; font-weight: lighter; line-height: 15px; margin-left: 95px; margin-top: 12px; padding: 15px 30px; float: none; margin: 0 auto; display: table; } /* Toll Free Banner */ .toll-free-sec.open > .toll-free-banner { display: block; margin: 0; } .toll-free-sec { float: left; width: 100%; } .toll-free-sec > a { background: none repeat scroll 0 0 #FFFFFF; display: table; float: none; height: 60px; margin: -30px auto 0; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 60px; z-index: 99; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .toll-free-sec > a.active { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .toll-free-sec > a > span { color: #FFFFFF; float: left; font-size: 28px; height: 52px; line-height: 52px; margin-left: 4px; margin-top: 4px; text-align: center; width: 52px; } .toll-free-banner { background-size: 100% 100%; display: none; float: left; margin-top: -30px; width: 100%; position: relative; } .toll-contact { background: none repeat scroll 0 0 #f7f7f7; float: left; padding: 50px 0; position: relative; width: 25%; } .toll-details { background: url("../images/resource/toll-bg.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); height: 100%; padding: 41px 75px; position: absolute; right: 0; top: 0; width: 75%; z-index: 0; } .toll-contact > i { float: left; text-align: center; width: 100%; font-size: 80px; color: #000000; line-height: 70px; margin-bottom: 25px; } .toll-contact > span { float: left; width: 100%; text-align: center; font-family: Noto sans; font-size: 18px; color: #000000; text-transform: uppercase; line-height: 12px; letter-spacing: 0.30px; } .toll-contact > span > i { float: left; font-size: 30px; font-style: normal; line-height: 24px; margin-top: 10px; width: 100%; margin-top: 25px; } .toll-details > span { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; overflow: hidden; margin-right:40px; } .toll-details > span > img{ float: left; width: 100%; } .toll-details > h3 { color: #000000; display: block; float: none; font-family: open sans; font-size: 22px; font-weight: 600; letter-spacing: 0.3px; line-height: 19px; margin: 17px 0 15px; width: 100%; } .toll-details > p { color: #000000; display: block; float: none; font-family: noto sans; font-size: 14px; letter-spacing: 0.3px; width: 100%; margin: 0; margin-bottom: 35px; line-height: 24px; letter-spacing: 0.30px; } .toll-details > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000000; float: left; font-family: Noto Sans; font-size: 15px; font-weight: bold; letter-spacing: 0.3px; line-height: 10px; margin-right: 30px; margin-top: 0; text-transform: uppercase; } .toll-details > a > i { margin-right: 10px; } /* Service Style 1 */ .service { float: left; width: 100%; margin-top: 30px; } .service span { float: left; height: 70px; width: 70px; border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; text-align: center; font-size: 25px; line-height: 69px; -webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; background:#fff; } .service:hover span{ color:#fff; } .service h2 { color: #454545; float: left; font-family: Open Sans; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 34px; margin: 0; width: 100%; margin-top: -10px; margin-bottom: 10px; } .service h2 > a{ color:#000000; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .service div > a > i { font-size: 14px; line-height: 10px; margin-left: 5px; } .service div > a { float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; line-height: 10px; margin-top: 20px; } .service p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; width: 100%; } /* We Are Slide */ .roles { display: inline-block; font-size: 30px; height: 50px; overflow: hidden; vertical-align: middle; font-family: Roboto Slab; text-transform: capitalize; font-weight: bold; margin-left: 15px; } .roles div { height: 50px; -webkit-transition: margin-top 1s ease-in-out; -moz-transition: margin-top 1s ease-in-out; -o-transition: margin-top 1s ease-in-out; transition: margin-top 1s ease-in-out; } .we-are-Slide { float: none; margin: 0 auto; display: table; width: auto; } .we-are-Slide > #we-are-rotate { float: none; margin: 0 auto; display: table; width: auto; } #we-are-rotate > span { color: #000000; float: left; font-family: Roboto Slab; font-size: 40px; letter-spacing: 0.3px; } .we-are-Slide > p { color: #41728c; float: left; font-family: Noto Sans; font-size: 1.12em; letter-spacing: 0.3px; margin: 10px 0 30px; text-align: center; width: 100%; line-height: 1.6em; } .we-are-Slide > img { display: table; float: none; margin-bottom: -70px; margin-left: auto; margin-right: auto; } /* Present Feature Parallax */ .feature-lcd { float: none; margin:0 auto; display:table; } .present-features { float: left; width: 100%; margin-top: 30px; } .parallax h3 { float: left; width: 100%; margin: 0; font-family: Roboto Slab; font-size: 30px; font-weight: bold; color: #404040; text-transform: uppercase; line-height: 58px; margin-top: -15px; letter-spacing: 0.30px; } .parallax h3 > i { font-size: 25px; font-style: normal; font-weight: lighter; } .parallax p { float: left; font-family: Noto Sans; font-size: 14px; width: 100%; color: #000000; line-height: 26px; margin: 0; letter-spacing: 0.30px; } .present-features > ul { float: left; margin: 30px 0 0; padding: 0; width: 100%; } .present-features > ul > li { color: #404040; float: left; font-family: open sans; font-size: 16px; font-weight: lighter; list-style: none outside none; width: 100%; margin-bottom: 15px; } .present-features > ul > li:last-child { margin: 0; } .present-features > ul > li > i { height: 23px; width: 23px; font-size: 12px; color: #fff; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 23px; margin-right: 15px; } /* Our Skills Sec */ #our-Skill-sec { float: left; width: 100%; } #our-Skill-sec > h3 { text-align: center; } #our-Skill-sec > p { text-align: center; padding: 0 100px; } .skills-box { display: table; float: none; margin: 0 auto; padding: 0; } .skills-box > li { float: left; height: 99px; list-style: none outside none; margin: 30px 15px 0; position: relative; text-align: center; width: 170px; border: 5px solid #fff; } .skills-box > li:before { content: ""; height: 5px; left: -5px; position: absolute; top: -5px; } .skills-box > li:after { content: ""; height: 5px; left: -5px; position: absolute; bottom: -5px; } .skills-box > #photoshop:before, .skills-box > #photoshop:after { width: 50%; } .skills-box > #html:before, .skills-box > #html:after { width: 28%; } .skills-box > #php:before, .skills-box > #php:after { width: 65%; } .skills-box > #management:before, .skills-box > #management:after { width: 90%; } .skills-box > li > span { float: left; width: 100%; text-align: center; font-family: Open Sans; font-size: 30px; font-weight: bold; line-height: 24px; margin: 32px 0; } /* Service Style 2 */ #services-sec { float: left; width: 100%; margin-top: -30px; } #services-sec .service2{ float: left; width: 100%; margin-top: 30px; } .service2 { float: left; width: 100%; } .service2 > span { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: table; float: none; height: 136px; margin: 0 auto; overflow: hidden; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 136px; border: 1px solid #CECECE; padding:3px; } .service2 > span > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; width: 100%; } .service2 > span > i { font-size: 40px; left: 0; line-height: 142px; position: absolute; text-align: center; top: 0; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .service2:hover > span i { opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .service2 > span:before { background: none repeat scroll 0 0 rgba(251, 251, 251, 0.9); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .service2:hover > span:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter:alpha(opacity=0); } .service2 > h2 { color: #404040; float: left; font-family: noto sans; font-size: 16px; font-weight: lighter; letter-spacing: 0.3px; line-height: 13px; margin: 30px 0 20px; position: relative; text-align: center; width: 100%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .service2 > h2 > a { color: #404040; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .service2 > p { color: #000000; float: left; font-family: noto sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; position: relative; text-align: center; } /* Service STyle 3 */ .service.with-shadow { position: relative; } .service.with-shadow:before { background-image: url("../images/shadow2.png"); background-size: 100% 100%; bottom: -9px; content: ""; height: 9px; left: 0; position: absolute; width: 100%; opacity: 0.5; filter:alpha(opacity=50); } /* Srvice Style 4 */ .service4 { background: none repeat scroll 0 0 rgba(105, 105, 105, 0.83); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; padding: 30px 0; position: relative; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #service4-slide { float: left; width: 100%; } .service4:hover { -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 28px rgba(0,0,0,0.4); -o-box-shadow: 0px 0px 28px rgba(0,0,0,0.4); box-shadow: 0px 0px 28px rgba(0,0,0,0.4); } .service4 > h2 { color: #FFFFFF; display: table; float: none; font-family: open sans; font-size: 25px; line-height: 18px; margin: 0 auto; position: relative; text-align: left; z-index: 99; line-height: 40px; font-size: 24px; padding: 0 30px; } .service4 > h2 > i { color: #FFFFFF; float: left; font-size: 40px; margin-right: 15px; } .service4 > p { color: #EBEBEB; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 10px 0 0; padding: 0 60px; position: relative; text-align: center; width: 100%; z-index: 99; } .service4 > span { height: 50%; position: absolute; width: 50%; } .service4 > span.box1 { left: -50%; top: 0; -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s; -ms-transition: all 0.4s ease 0.1s; -o-transition: all 0.4s ease 0.1s; transition: all 0.4s ease 0.1s; } .service4:hover > span.box1 { left: 0; } .service4 > span.box2 { right: 0; top: -50%; -webkit-transition:all 0.4s ease 0.4s; -moz-transition:all 0.4s ease 0.4s; -ms-transition:all 0.4s ease 0.4s; -o-transition:all 0.4s ease 0.4s; transition:all 0.4s ease 0.4s; } .service4:hover > span.box2 { top: 0; } .service4 > span.box3 { left: 0; bottom: -50%; -webkit-transition:all 0.4s ease 0.2s; -moz-transition:all 0.4s ease 0.2s; -ms-transition:all 0.4s ease 0.2s; -o-transition:all 0.4s ease 0.2s; transition:all 0.4s ease 0.2s; } .service4:hover > span.box3 { bottom: 0; } .service4 > span.box4 { right: -50%; bottom: 0; -webkit-transition:all 0.4s ease 0.3s; -moz-transition:all 0.4s ease 0.3s; -ms-transition:all 0.4s ease 0.3s; -o-transition:all 0.4s ease 0.3s; transition:all 0.4s ease 0.3s; } .service4:hover > span.box4 { right: 0; } /* Service Style 5 */ .service5 { float: left; width: 100%; position: relative; } .service5:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.8); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .service5:hover:before { opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .service5:after { position: absolute; right: 0; top: 0; width: 100%; height: 100%; content: ""; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; filter:alpha(opacity=0); z-index: -1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .service5:hover:after { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .service5 > i { color: #FFFFFF; float: left; font-size: 60px; margin-bottom: 15px; margin-top: 45px; position: relative; text-align: center; width: 100%; z-index: 99; } .service5 > h2 { color: #ffffff; float: left; font-family: open sans; font-size: 15px; letter-spacing: 0.3px; line-height: 14px; margin: 0 0 15px; position: relative; text-align: center; width: 100%; } .service5 > h2 > a { color: #ffffff; } .service5 > p { color: #E7E7E7; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.5px; line-height: 22px; margin: 0 0 45px; padding: 0 20px; position: relative; text-align: center; width: 100%; } /* Service Single Page Animation */ .service-single-desc { float: left; width: 100%; } .service-single-desc > h3 { color: #000000; float: left; font-family: open sans; font-size: 21px; font-weight: normal; letter-spacing: 0.3px; line-height: 55px; margin: 0 0 25px; width: 100%; } .service-single-desc > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; width: 100%; } .service-single-desc > ul { float: left; margin: 40px 0 0; padding: 0; width: 100%; } .service-single-desc > ul > li { color: #000000; float: left; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 14px; list-style: none outside none; margin-bottom: 25px; width: 100%; } .service-single-desc > ul > li > i { float: left; margin-right: 10px; } .service-single-desc > h3 > i { border: 1px solid #D7D7D7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #D7D7D7; float: left; font-size: 35px; height: 56px; line-height: 56px; margin-right: 30px; text-align: center; width: 70px; } .manager { float: left; margin-bottom: -70px; width: 100%; } .service-img { float: left; position: relative; width: 100%; } .service-img > img { float: left; width: 100%; } .container-ball { bottom: 76px; position: absolute; right: 50px; } .ball { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height: 10px; margin: 10px auto; position: relative; width: 10px; } .ball:nth-child(1) { -webkit-animation: right 1s infinite ease-in-out; -moz-animation: right 1s infinite ease-in-out; -ms-animation: right 1s infinite ease-in-out; -o-animation: right 1s infinite ease-in-out; animation: right 1s infinite ease-in-out; } .ball:nth-child(1):before { content: "ï…’"; font-family: fontawesome; font-size: 15px; left: 0; position: absolute; top: 0; } .ball:nth-child(2) { -webkit-animation: left 1.1s infinite ease-in-out; -moz-animation: left 1.1s infinite ease-in-out; -ms-animation: left 1.1s infinite ease-in-out; -o-animation: left 1.1s infinite ease-in-out; animation: left 1.1s infinite ease-in-out; } .ball:nth-child(2):before { content: "ï…’"; font-family: fontawesome; font-size: 15px; left: 0; position: absolute; top: 0; } .ball:nth-child(3) { -webkit-animation: right 1.05s infinite ease-in-out; -moz-animation: right 1.05s infinite ease-in-out; -ms-animation: right 1.05s infinite ease-in-out; -o-animation: right 1.05s infinite ease-in-out; animation: right 1.05s infinite ease-in-out; } .ball:nth-child(3):before { content: "ï…’"; font-family: fontawesome; font-size: 15px; left: 0; position: absolute; top: 0; } .ball:nth-child(4) { -webkit-animation: left 1.15s infinite ease-in-out; -moz-animation: left 1.15s infinite ease-in-out; -ms-animation: left 1.15s infinite ease-in-out; -o-animation: left 1.15s infinite ease-in-out; animation: left 1.15s infinite ease-in-out; } .ball:nth-child(4):before { content: "ï…’"; font-family: fontawesome; font-size: 15px; left: 0; position: absolute; top: 0; } .ball:nth-child(5) { -webkit-animation: right 1.1s infinite ease-in-out; -moz-animation: right 1.1s infinite ease-in-out; -ms-animation: right 1.1s infinite ease-in-out; -o-animation: right 1.1s infinite ease-in-out; animation: right 1.1s infinite ease-in-out; } .ball:nth-child(5):before { content: "ï…’"; font-family: fontawesome; font-size: 15px; left: 0; position: absolute; top: 0; } @-webkit-keyframes right { 0% { -webkit-transform: translate(-15px); } 50% { -webkit-transform: translate(15px); } 100% { -webkit-transform: translate(-15px); } } @-webkit-keyframes left { 0% { -webkit-transform: translate(15px); } 50% { -webkit-transform: translate(-15px); } 100% { -webkit-transform: translate(15px); } } @-moz-keyframes right { 0% { -moz-transform: translate(-15px); } 50% { -moz-transform: translate(15px); } 100% { -moz-transform: translate(-15px); } } @-moz-keyframes left { 0% { -moz-transform: translate(15px); } 50% { -moz-transform: translate(-15px); } 100% { -moz-transform: translate(15px); } } @keyframes right { 0% { transform: translate(-15px); } 50% { transform: translate(15px); } 100% { transform: translate(-15px); } } @keyframes left { 0% { transform: translate(15px); } 50% { transform: translate(-15px); } 100% { transform: translate(15px); } } /* Who we are */ #who-we-images { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 0; overflow: hidden; padding: 0; width: 100%; } #who-we-images li { float: left; width: 100%; list-style: none; } #who-we-images li > img { float: left; width: 100%; } #who-we-images .owl-pagination { left: 50%; position: absolute; top: 20px; margin-left: -25px; } #who-we-images .owl-pagination .owl-page { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 5px; margin: 0 4px; width: 10px; } #who-we-images .owl-pagination .owl-page.active{ background:#fff; } .who-we-desc { float: left; width: 100%; } .who-we-desc > h3 { color: #000000; float: left; font-family: open sans; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 28px; margin: 0 0 10px; width: 100%; } .who-we-desc > p { color: #888; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin-bottom: 15px; width: 100%; } .who-we-desc > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin-top: 4px; padding: 13px 20px; text-transform: uppercase; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; } .who-we-desc > a:hover{ color:#fff; } /* Make an Appointment */ .appointment-sec { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; background: #fcfcfc; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; padding: 30px; position:relative; border: 1px solid #E8ECEC; } .appointment-sec:before { background-image: url("../images/shadow2.png"); background-repeat: no-repeat; background-size: 100% auto; bottom: -15px; content: ""; height: 15px; left: 0; position: absolute; width: 100%; opacity:0.5; filter:alpha(opacity=50); } .appointment-sec input#inputField { background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86); border: 1px solid #d1d1d1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #7A7A7A; font-family: open sans; font-size: 12px; height: 37px; letter-spacing: 0.3px; margin-top: 24px; text-align: center; width: 125px; margin: 0; margin-bottom: 0; margin-top: 15px; } .appointment-sec > span { color: #8B8B8B; float: left; font-family: open sans; font-size: 18px; font-weight: bold; letter-spacing: 0.3px; padding: 0; text-align: center; width: 100%; line-height: 16px; margin: ; } .appointment-sec > span > i { color: #F8F8F8; float: left; font-family: open sans; font-size: 12px; font-style: normal; font-weight: lighter; letter-spacing: 0.3px; margin-top: 5px; text-align: center; width: 100%; } .appointment-form-sec { float: left; padding: 30px; width: 100%; padding: 0; background: none; margin-top: 20px; } .appointment-form-sec input { background: none repeat scroll 0 0 #F8F9F9; border: 1px solid #D7D7D7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000000; float: left; font-family: open sans; font-size: 12px; height: 38px; letter-spacing: 0.3px; margin-bottom: 19px; padding-left: 15px; width: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .appointment-form-sec input:focus { border: 1px solid #bebebe; } .appointment-form-sec p { color: #888; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: -10px 0 15px; text-align: left; width: 100%; } .appointment-form-sec input.submit { border: 1px solid #7E7E7E; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #7E7E7E; display: table; float: none; font-family: open sans; font-size: 13px; height: auto; margin: 0 auto; padding: 7px 20px; width: auto; background: #999999; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* Profile Page */ #my-profile-info { float: left; width: 100%; } .profile-social { display: table; float: left; margin: 0 auto; position: relative; width: 100%; } .profile-social:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 100%; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; z-index:9; } .profile-social > img { float: left; width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .profile-social > ul { left: 50%; margin: -17px 0 0 -25%; opacity: 0; filter:alpha(opacity=0); padding: 0; position: absolute; top: 50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 50%; z-index: 99999; } .profile-social > ul > li { float: left; list-style: none outside none; margin: 0 5px; } .profile-social > ul > li > a > i { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); border: 1px solid #E8ECEC; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; color: #000000; float: left; height: 35px; line-height: 35px; text-align: center; width: 35px; opacity: 0; filter:alpha(opacity=0); -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .profile-social > ul > li > a > i:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FAFAFA; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .profile-social:hover > ul { opacity: 1; filter:alpha(opacity=100); } .profile-social:hover > ul > li > a > i{ opacity: 1; filter:alpha(opacity=100); } .profile-social > ul > li > a { float: left; width:100%; } .profile-social:hover:before { opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .profile-social:hover > img { -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); transform:rotate(30deg); } .profile-social:hover > ul > li > a > i.fa-facebook { -webkit-transition:all 0.4s ease 0.1s; -moz-transition:all 0.4s ease 0.1s; -ms-transition:all 0.4s ease 0.1s; -o-transition:all 0.4s ease 0.1s; transition:all 0.4s ease 0.1s; } .profile-social:hover > ul > li > a > i.fa-google-plus { -webkit-transition:all 0.4s ease 0.3s; -moz-transition:all 0.4s ease 0.3s; -ms-transition:all 0.4s ease 0.3s; -o-transition:all 0.4s ease 0.3s; transition:all 0.4s ease 0.3s; } .profile-social:hover > ul > li > a > i.fa-twitter { -webkit-transition:all 0.4s ease 0.5s; -moz-transition:all 0.4s ease 0.5s; -ms-transition:all 0.4s ease 0.5s; -o-transition:all 0.4s ease 0.5s; transition:all 0.4s ease 0.5s; } .profile-social:hover > ul > li > a > i.fa-linkedin { -webkit-transition:all 0.4s ease 0.7s; -moz-transition:all 0.4s ease 0.7s; -ms-transition:all 0.4s ease 0.7s; -o-transition:all 0.4s ease 0.7s; transition:all 0.4s ease 0.7s; } #my-profile-info > h3 { color: #000000; float: left; font-family: open sans; font-size: 17px; font-weight: 600; letter-spacing: 0.3px; line-height: 28px; margin: 15px 0; text-align: left; width: 100%; } #my-profile-info > span { color: #000000; float: left; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 14px; text-align: left; text-transform: uppercase; width: 100%; } #my-profile-info > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 15px 0 0; position: relative; text-align: left; width: 100%; } #my-profile-info > p:before { background-image: url("../images/ceo-coma.png"); content: ""; height: 80px; left: 20%; opacity: 0.5; filter:alpha(opacity=50); position: absolute; top: -3px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); width: 67px; } #my-profile-info > p:after { background-image: url("../images/ceo-coma.png"); content: ""; height: 80px; right: 20%; opacity: 0.5; filter:alpha(opacity=50); position: absolute; bottom: -3px; width: 67px; } .block.with-parallax .service6:hover > span { color: #fafafa !important; } .block.with-parallax .service6 > h3 > a { color: #F8F8F8; } .block.with-parallax .service6 > p { color: #eee; } .block.with-parallax .service6 > a { color: #eee; } .my-skills { float: left; width: 100%; } .custom-progress { float: left; margin-bottom: 20px; width: 100%; } .custom-progress > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 12px; margin: 0 0 15px; width: 100%; } .with-parallax .service6 > span { color: #FAFAFA; } .custom-progress > p > i { color: #000000; float: left; font-family: open sans; font-size: 15px; font-style: normal; font-weight: normal; margin-right: 20px; } .custom-progress .progress { background: none repeat scroll 0 0 #F8F8F8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; float: left; height: 35px; margin: 0; width: 100%; } .custom-progress .progress > .progress-bar { float: left; position: relative; } .custom-progress .progress > .progress-bar > span { color: #FFFFFF; font-size: 15px; font-weight: 600; height: 100%; left: 0; line-height: 33px; padding-left: 10px; position: absolute; text-align: left; top: 0; width: 100%; } #experience { float: left; margin-top: -30px; width: 100%; } #experience ul { float: left; margin: 30px 0 0; padding: 0; width: 100%; } #experience ul > li { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; list-style: none outside none; margin-bottom: 20px; padding-bottom: 18px; padding-left: 128px; padding-top: 20px; position: relative; width: 100%; } #experience ul > li > span { background: none repeat scroll 0 0 #b9b9b9; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #FFFFFF; font-family: open sans; font-size: 20px; font-weight: 600; height: 80px; left: -1px; line-height: 80px; margin-top: -40px; position: absolute; text-align: center; top: 50%; width: 110px; } #experience ul > li > h3 { color: #000000; float: left; font-family: open sans; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; line-height: 15px; margin: 0; width: 100%; } #experience ul > li > i { color: #000000; float: left; font-family: open sans; font-size: 12px; font-style: normal; line-height: 10px; margin-top: 18px; width: 100%; } #experience ul > li > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 15px 0 0; width: 100%; } /* Expert Lawyer Sec */ .expert-lawyer-sec { float: left; width: 100%; position: relative; } .lawyer-slide { float: left; position: relative; width: 100%; margin-top: -30px; } .lawyer-box { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-top: 30px; overflow: hidden; position: relative; width: 100%; } .lawyer-box > img { float: left; width: 100%; } .lawyer-box:hover .layer-desc { height: 90%; background: rgba(255,255,255,0.88); } .layer-desc { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: 5%; height: 69px; left: 3%; padding: 10px 45px; position: absolute; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 94%; } .lawyer-box:hover .layer-desc > i { height: 50%; margin-top: -14%; background:#666; } .layer-desc > i { background: none repeat scroll 0 0 #FFFFFF; height: 44%; left: 45px; margin-top: -5%; position: absolute; top: 50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 1px; } .lawyer-box:hover .layer-desc > span { opacity: 1; filter:alpha(opacity=100); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; color:#666; } .layer-desc > span { color: #FFFFFF; float: left; font-family: Noto Sans; font-size: 13px; left: 70px; line-height: 10px; margin: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; -webkit-transition: all 0.5s ease 0.1s; -moz-transition: all 0.5s ease 0.1s; -ms-transition: all 0.5s ease 0.1s; -o-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; } .layer-desc > h2 { color: #FFFFFF; float: left; font-family: Open Sans; font-size: 18px; left: 70px; margin: -11px 0 0; position: absolute; top: 50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .lawyer-box:hover .layer-desc > h2 { margin-top: -25px; color:#666; } .layer-desc > a { position: absolute; right: 15px; top: 15px; height: 48px; width: 48px; border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 16px; line-height: 48px; background: #fff; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; filter:alpha(opacity=0); z-index: 1; -webkit-transform: scale(1.3) rotate(180deg); -moz-transform: scale(1.3) rotate(180deg); -ms-transform: scale(1.3) rotate(180deg); -o-transform: scale(1.3) rotate(180deg); transform: scale(1.3) rotate(180deg); } .layer-desc > a:hover{ color:#fff; } .lawyer-box:hover .layer-desc > a { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } /* Experties Sec */ .experties-sec { float: left; width: 100%; } .experties-sec.style2 > .experties > h2:before { display: none; } .experties-sec.style2 > .experties > h2 { padding: 15px; } .experties { float: left; width: 100%; } .experties > h2.active, .experties-sec.style2 > .experties > h2.active { border: 1px solid rgba(0, 0, 0, 0.2); } .experties > h2:before { left: 15px; position: absolute; top: 50%; content: "+"; margin-top: -7px; } .experties > h2.active:before { content: "-"; } .experties > h2 { background-color: #28629f; background-position: 17px 17px; background-repeat: no-repeat; background-size: 8px 8px; border: 1px solid #1A4C81; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #FFFFFF; cursor: pointer; float: left; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 11px; margin: 0 0 3px; padding: 15px 40px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position:relative; width: 100%; } .experties .content, .experties .content2 { float: left; width: 100%; } .experties .content > p, .experties .content2 > p { color: #777; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.21px; line-height: 24px; margin: 3px 0 13px; width: 100%; margin-top: 4px; letter-spacing: 0.30px; } /* Upcoming Event */ #upcoming-event { float: left; width: 100%; position: relative; margin-top:-30px; } .upcoming-event-sec { float: left; width: 100%; position: relative; } .content > p { padding-left: 15px; } .event-box { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; position: relative; width: 100%; margin-top: 30px; } .event-box > img { float: left; width: 100%; } .event-desc { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.88); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: 14px; height: 60px; left: 4%; padding: 22px 15px; position: absolute; width: 92%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .event-box:hover .event-desc { height: 87%; } .event-desc > h3 { float: left; font-family: Open Sans; font-size: 15px; letter-spacing: 0.3px; line-height: 14px; margin: 0 0 20px; } .event-desc > h3 > a{ color:#666; } .event-desc > span { color: #000000; font-family: Noto Sans; font-size: 13px; font-weight: normal; left: 16px; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 17px; margin-top: -11px; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; width: 100%; } .event-box:hover .event-desc > .line1 { opacity: 1; filter:alpha(opacity=100); top: 62px; -webkit-transition: all 0.4s ease 0.5s; -moz-transition: all 0.4s ease 0.5s; -ms-transition: all 0.4s ease 0.5s; -o-transition: all 0.4s ease 0.5s; transition: all 0.4s ease 0.5s; } .event-box:hover .event-desc > .line2 { opacity: 1; filter:alpha(opacity=100); top: 92px; -webkit-transition: all 0.4s ease 0.3s; -moz-transition: all 0.4s ease 0.3s; -ms-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; transition: all 0.4s ease 0.3s; } .event-box:hover .event-desc > .line3 { top: 122px; opacity:1; filter:alpha(opacity=100); -webkit-transition: all 0.4s ease 0.4s; -moz-transition: all 0.4s ease 0.4s; -ms-transition: all 0.4s ease 0.4s; -o-transition: all 0.4s ease 0.4s; transition: all 0.4s ease 0.4s; } .event-box:hover .event-desc > .line4 { top: 152px; opacity:1; filter:alpha(opacity=100); -webkit-transition: all 0.4s ease 0.2s; -moz-transition: all 0.4s ease 0.2s; -ms-transition: all 0.4s ease 0.2s; -o-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; } .event-box:hover .event-desc > span { opacity: 1; filter:alpha(opacity=100); } .event-desc > span > i { font-size: 15px; margin-right: 15px; width: 16px; text-align: center; } /* Upcoming Event 2 */ .upcoming-event-sec2 { float: left; width: 100%; } .upcoming-event-sec2 > ul { float: left; padding: 0; width: 100%; margin: 0px; } .upcoming-event-sec2 > ul > li { float: left; list-style: none outside none; margin-top: 30px; } .upcoming-event2 { float: left; width: 100%; } .upcoming-event2 > img { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .upcoming-event2 > h3 { color: #000000; float: left; font-family: Open Sans; font-size: 15px; letter-spacing: 0.3px; margin: 5px 0 15px; width: 100%; line-height: 28px; } .upcoming-event2 > h3 > a { color: #000000; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .upcoming-event2 > span { float: left; font-family: open sans; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 15px; width: 100%; text-transform: uppercase; color: #999999; font-weight: normal; } .upcoming-event2 > span > i { font-size: 14px; margin-right: 15px; width: 20px; text-align: center; } .upcoming-event2 > p { color: #888; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; text-align: left; width: 100%; } /** Event Wide **/ .event-wide { float: left; width: 100%; margin-top: 30px; } .event-wide img { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .event-wide .event-count > ul { float: left; width: 100%; } .event-wide .event-count{ margin:0; } .event-wide .event-count > ul > li { width: auto; } .event-wide .event-count > span { float: left; width: auto; margin-right: 30px; } /* About Ceo 2 */ .about-ceo-sec2 { float: left; position: relative; width: 100%; } .about-ceo-sec2 > img { float: left; width: auto; } .ceo-detals2 { float: left; } .ceo-detals2 > h3 { float: left; width: 100%; margin: 0; margin-top: 50px; font-family: open sans; font-size: 14px; font-weight: lighter; color: #999999; letter-spacing: 0.30px; line-height: 15px; margin-bottom: 25px; text-transform:uppercase; } .ceo-detals2.style2 { text-align: center !important; } .ceo-detals2 > h3 > i { font-style: normal; font-size:20px; text-transform: none; } .ceo-detals2 > p { color: #000000; float: left; font-family: open sans; font-size: 20px; font-weight: lighter; letter-spacing: 0.3px; line-height: 38px; margin: 0 0 50px; width: 100%; } .ceo-detals2 > ul { float: left; width: 100%; padding: 0; margin: 0; } .ceo-detals2 > ul > li { float: left; list-style: none outside none; margin-right: 20px; } .ceo-detals2 > ul > li > a { float: left; } .ceo-detals2 > ul > li > a > i { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E2E2E2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; font-size: 26px; height: 70px; line-height: 70px; text-align: center; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 70px; } .ceo-detals2 > ul > li > a > i:hover { color:#fff !important; } .ceo-detals2 > ul > li > a > i.fa.fa-facebook { color:#3B5998; } .ceo-detals2 > ul > li > a > i.fa.fa-facebook:hover { background: none repeat scroll 0 0 #3B5998; border: 1px solid #3B5998; } .ceo-detals2 > ul > li > a > i.fa.fa-twitter { color:#00aced; } .ceo-detals2 > ul > li > a > i.fa.fa-twitter:hover { background:#00aced; border: 1px solid #00aced; } .ceo-detals2 > ul > li > a > i.fa.fa-google-plus { color:#dd4b39; } .ceo-detals2 > ul > li > a > i.fa.fa-google-plus:hover { background:#dd4b39; border: 1px solid #dd4b39; } .ceo-detals2 > ul > li > a > i.fa.fa-linkedin { color:#007bb6; } .ceo-detals2 > ul > li > a > i.fa.fa-linkedin:hover { background:#007bb6; border: 1px solid #007bb6; } /* About Ceo 3 */ .ceo-details3 { background: none repeat scroll 0 0 rgba(52, 72, 90, 0.8); -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -o-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; -webkit-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset; -moz-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset; -ms-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset; -o-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset; box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset; float: right; padding: 45px 30px; width: 65%; position: relative; margin-right: -4px; } .ceo-details3:before { background: none repeat scroll 0 0 rgba(52, 72, 90, 0.3); -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -o-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; content: ""; height: 100%; left: -4px; position: absolute; top: 4px; width: 100%; z-index: -1; } .ceo-details3 > h3 { color: #fbfbfb; display: table; float: none; font-family: Noto Sans; font-size: 20px; font-weight: 500; letter-spacing: 0.3px; line-height: 16px; margin: 0 auto 15px; width: auto; position: relative; padding-bottom:7px; } .ceo-details3 > h3:before { position: absolute; left: 50%; bottom: 0; width: 24%; margin-left: -12%; background: #fff; height: 2px; content: ""; } .ceo-details3 > h3 > i { color: #AEAEAE; font-size: 12px; font-weight: normal; line-height: 12px; margin-top: 5px; float: right; font-style: normal; margin-left: 15px; letter-spacing: 0.30px; } .ceo-details3 > p { color: #d2d2d2; display: table; float: none; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 22px; margin: 0 auto; text-align: center; width: 92%; } /* Tab Sections */ .tab-sec { float: left; width: 100%; padding: 27px; background: #fff; border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; } .tab-sec > ul.nav.nav-tabs { border: medium none; float: left; margin-bottom: 20px; border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; } .tab-sec > ul.nav.nav-tabs > li { float: left; margin: 0; } .tab-sec > ul.nav.nav-tabs > li > a { border-right: 1px solid #E8E6E6; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #454545; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin: 0; padding: 0 20px; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 30px; line-height: 29px; } .tab-sec > ul.nav.nav-tabs > li > a:hover { color: #fff; } .tab-sec > ul.nav.nav-tabs > li.active > a { color: #fff; } .tab-sec > ul.nav.nav-tabs > li:last-child > a { border: medium none; } .tab-sec .tab-content { float: left; width: 100%; } .tab-project { float: left; width: 100%; } .tab-project > h3, .tab-work > h3, .tab-article h3, .tab-video > h3 { color: #000000; float: left; font-family: open sans; font-size: 16px; letter-spacing: 0.3px; line-height: 25px; margin: 0 0 22px; width: 100%; margin-top: -10px; } .tab-project img, .tab-article img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .tab-project > p, .tab-work > p, .tab-article p { color: #777; float: left; font-family: Noto sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin-bottom: 0; margin-top: 11px; width: 100%; } .tab-article .col-md-8 p { margin-top: 0px; } .tab-work { float: left; width: 100%; } .tab-work > span { float: left; margin-right: 20px; } .tab-work > a { float: left; font-family: open sans; font-size: 12px; color: #ffffff; padding: 6px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 10px; margin-top: 15px; letter-spacing: 0.30px; } .tab-work > p { display: block; float: none; margin: 0 0 8px; } .tab-work > ul { float: left; width: 100%; padding: 0; margin: 0; } .tab-work > ul > li { color: #000000; float: left; font-family: Noto sans; font-size: 13px; letter-spacing: 0.3px; list-style: none outside none; margin-top: 10px; width: 100%; } .tab-work > ul > li:first-child { margin: 0; } .tab-work > ul > li > i { color: #FFFFFF; float: left; font-size: 11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 17px; width: 17px; text-align: center; line-height: 16px; margin-right: 15px; margin-bottom:10px; } /* Job Box */ .job-box { float: left; width: 100%; margin-top: 30px; border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; padding: 20px; } .job-box > span { float: left; margin-right: 20px; } .job-box > span > img { float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .job-box > h3 { color: #000000; display: block; font-family: open sans; font-size: 14px; font-weight: 600; line-height: 26px; margin: -5px 0 0; letter-spacing: 0.30px; } .job-box > i { display: block; font-family: Noto Sans; font-size: 12px; font-style: normal; } .job-box > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; margin-top: 10px; width: 100%; } .job-box > a { background: none repeat scroll 0 0 #757575; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: right; font-family: open sans; font-size: 10px; letter-spacing: 0.3px; line-height: 10px; margin-top: 2px; padding: 10px 12px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .job-box > span { float: left; font-family: open sans; font-size: 13px; color: #000000; line-height: 31px; } /* Our Blog Style 1*/ .our-blog-sec { float: left; margin-top: -30px; position: relative; width: 100%; } .our-blog-link { float: left; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .our-blog-link > img { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .our-blog-link:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.77); content: ""; height: 100%; left: 0; position: absolute; top: -101%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .our-blog-box:hover .our-blog-link:before { top: 0; } .our-blog-link > a { color: #FFFFFF; font-size: 18px; left: 50%; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; margin-left: -8px; z-index: 999; } .our-blog-box:hover .our-blog-link > a { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter:alpha(opacity=100); top: 14px; -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } .our-blog-link:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; content: ""; height: 50px; left: 100%; margin-left: 0; position: absolute; top: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 50px; } .our-blog-box:hover .our-blog-link:after { left:50%; -webkit-transition: all 0.5s ease 0.1s; -moz-transition: all 0.5s ease 0.1s; -ms-transition: all 0.5s ease 0.1s; -o-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; margin-left:-25px; } .our-blog-box > h2 > a { color: #404040; } .our-blog-box > h2 { float: left; font-family: open sans; font-size: 15px; line-height: 28px; margin: 20px 0; width: 100%; margin-top: 15px; } .our-blog-box > span { float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; line-height: 8px; margin-bottom: 10px; margin-right: 20px; margin-top: -9px; } .our-blog-box > span > i { font-size: 12px; font-style: normal; font-weight: 600; margin-right: 5px; padding: 0; } .our-blog-box > p { color: #888; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.25px; line-height: 24px; margin: 0; width: 100%; } .our-blog-box > span > strong { font-weight: 600; } /* our Blog 2 */ .our-blog2 { float: left; width: 100%; position: relative; margin-top: -30px; } .our-blog-sec2 { float: left; width: 100%; position: relative; } .our-blog-box2 { float: left; width: 90%; position: relative; overflow: hidden; margin-top:30px; } .our-blog-box2:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .our-blog-box2 > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .our-blog-link2 { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: 4%; left: 4%; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 92%; height: 50px; } .our-blog-box2:hover .our-blog-link2 { bottom: 0; height: 100%; left: 0; width: 100%; background: rgba(0,0,0,0.9); } .our-blog-box2:hover .our-blog-link2 > h2 { margin-top: -40px; } .our-blog-box2:hover .our-blog-link2 > h2 > a { color: #E4E3E3; } .our-blog-link2 > h2 { color: #000000; float: none; font-family: Noto Sans; font-size: 15px; font-weight: normal; left: 0; line-height: 10px; margin: -5px 0 0; position: absolute; text-align: center; top: 50%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .our-blog-link2 > h2 > a { color: #313131; } .our-blog-link2 > a > i { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.84); border: 1px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #6A6A6A; font-size: 14px; height: 35px; line-height: 35px; margin-top: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; text-align: center; top: 50%; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); width: 35px; } .our-blog-link2 > a > i:hover{ color:#fff; } .our-blog-box2:hover .our-blog-link2 .fa-search { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } .our-blog-link2 > a > i.fa-search { left: 50%; margin-left: -40px; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .our-blog-box2:hover .our-blog-link2 .fa-link { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -ms-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } .our-blog-link2 > a > i.fa-link { margin-right: -40px; right: 50%; -webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* Our Blog 3 */ .our-blog3-box { float: left; margin-top: 30px; width: 100%; } .our-blog3-box > span { float: left; margin-right: 20px; width: 25%; } .our-blog3-box > span > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .our-blog3-box > h3 { display: block; font-family: open sans; font-size: 15px; font-weight: lighter; letter-spacing: 0.3px; line-height: 28px; margin: 0 0 10px; } .our-blog3-box > h3 > a{ color:#666; } .our-blog3-box > p { color: #7A7A7A; display: block; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; margin: 0 0 10px; line-height: 24px; color: #888; } .our-blog3-box > ul { display: block; margin: 0; padding: 0; } .our-blog3-box > ul > li { float: left; list-style: none outside none; margin-right: 15px; } .our-blog3-box > ul > li:last-child { margin: 0; } .our-blog3-box > ul > li > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #ffffff; float: left; font-family: open sans; font-size: 11px; line-height: 10px; padding: 6px 8px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset; } .our-blog3-box > ul > li > a > i { margin-right: 5px; } .our-blog3-box > ul > li > a:hover { color: #FFFFFF; } /* Our Blog4 */ /* With Parallax */ .block.dark .our-blog4-box > h3 > a { color: #FFFFFF; } .block.dark .our-blog4-box > p { color: #b0afaf; border-color:rgba(132,132,132,0.57) } .block.dark .blog4-metas > li > a { background: none repeat scroll 0 0 #7C7C7C; border-color: #7C7C7C; color:#d3d3d3; } .block.dark .title { color: #fff; } .title { color: #000000; float: left; font-family: open sans; font-size: 24px; font-weight: normal; letter-spacing: 0.3px; line-height: 15px; margin-bottom: 30px; margin-top: 0; text-transform: uppercase; width: 100%; } .title > i { border-bottom: 1px solid #A9A9A9; color: #F0F0F0; float: left; font-style: normal; font-weight: bold; margin-right: 7px; padding-bottom: 10px; } .block.dark .title > i { color: #fff; } .our-blog4 { float: left; width: 100%; margin-top: -30px; } .our-blog4-box:hover > a:after { opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .our-blog4-box { float: left; margin-top: 30px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .our-blog4-box > a:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); content: ""; z-index: 1; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; filter:alpha(opacity=0); } .our-blog4-box > a:after { color: #FFFFFF; content: "ï‚ژ"; font-family: fontawesome; font-size: 20px; left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 1; } .our-blog4-box > a { float: left; width: 100%; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; } .our-blog4-box > a > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .our-blog4-box:hover > a > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .our-blog4-box:hover > a:before { opacity: 1; filter:alpha(opacity=100); } .blog4-metas { float: left; margin: 0; padding: 0; width: 100%; } .blog4-metas > li { float: left; margin-right: 15px; list-style: none; } .blog4-metas > li > a { float: left; font-family: open sans; font-size: 11px; color: #fff; letter-spacing: 0.30px; line-height: 10px; padding: 8px 10px; border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 9px; font-weight:lighter; } .our-blog4-box > h3 { float: left; font-family: Noto Sans; font-size: 15px; font-weight: lighter; letter-spacing: 0.3px; line-height: 23px; width: 100%; margin-top: 15px; margin-bottom: 0; color:#000000; } .our-blog4-box > h3 > a { color:#000000; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .our-blog4-box > p { border-bottom: 1px solid #eeeeee; color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.25px; line-height: 24px; margin-bottom: 20px; margin-top: 5px; padding-bottom: 20px; width: 100%; } .blog4-metas > li > a > i { margin-right: 6px; } /* Whats is New */ #whats-new { float: left; width: 100%; margin-top:10px; } #whats-new > img { bottom: -70px; position: absolute; right: 0; } #whats-new > h1 { color: #000000; float: left; font-family: Roboto Slab; font-size: 52px; margin: 0; width: 100%; line-height: 42px; letter-spacing: 0.30px; } #whats-new > h1 > span { float: left; width: 100%; font-size: 150px; line-height: 117px; margin-top: 30px; } #whats-new > h1 > i { float: left; width: 100%; font-style: normal; margin-top: 38px; } /* Our CEO PLAN */ .ceo-plan-box { float: left; width: 100%; } .ceo-plan-box .video-paralax { margin-top: 70px; } #ceo-plan-box { padding-top: 40px; } .ceo-plan-box > .row > div > img { float: left; width: 89%; } .ceo-plan-detail { float: left; width: 100%; margin-top: 30px; } .ceo-plan-detail > h3 { color: #000000; float: left; font-family: open sans; font-size: 18px; font-weight: lighter; letter-spacing: 0.3px; line-height: 34px; margin: -10px 0 20px; text-transform: uppercase; width: 100%; } .ceo-plan-detail > p { color: #888; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; width: 100%; margin-top: -10px; } .ceo-plan-detail > ul { float: left; margin: 0; padding: 0; width: 100%; margin-top: 30px; } .ceo-plan-detail > ul > li { float: left; list-style: none outside none; margin-bottom: 40px; width: 100%; } .ceo-plan-detail > ul > li:last-child { margin: 0; } .ceo-plan-detail > ul > li > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 45px; margin-right: 22px; padding: 9px 0; text-align: center; width: 45px; } .ceo-plan-detail > ul > li > h4 { font-family: open sans; font-size: 16px; font-weight: lighter; letter-spacing: 0.3px; line-height: 14px; margin: 0 0 20px; float: left; width: 100%; } .ceo-plan-box > .row > div { float: left; position: relative; } .ceo-plan-box > .row > div.col-md-3:before { background-image: url("../images/shadow3.png"); background-repeat: no-repeat; background-size: 100% 100%; bottom: 0; left: 0; position: absolute; width: 100%; height: 12px; content: ""; } .ceo-plan-detail > ul > li > p { color: #888; display: block; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; width: 85%; } /* Testimonial 1 */ .testimonial-sec { float: left; width: 100%; padding: 0; margin: 0; } .testimonial-sec li { float: left; width: 100%; position: relative; list-style: none; } .testimonial-sec li > span { border: 5px solid rgba(255, 255, 255, 0.31); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-right: 75px; overflow: hidden; float: none; margin: 0 auto; display: table; margin-bottom: 23px; } .testimonial-sec li > span > img { float: left; width: 100%; } .testimonial-sec li > p { color: #454545; display: block; font-family: Open Sans; font-size: 22px; font-weight: lighter; letter-spacing: 0.3px; margin: 0; text-align: center; padding: 0 57px; line-height:38px; } .testimonial-sec li > a { float: right; font-family: open sans; font-size: 15px; font-weight: 600; margin-right: 34px; margin-top: 10px; } .testimonial-sec .owl-pagination { float: none; margin: 0 auto; display: table; } .testimonial-sec .owl-pagination > .owl-page { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 12px; margin: 0 5px; width: 12px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .testimonial-sec .owl-pagination > .owl-page.active { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } /* Testimonial 2 */ .testimonial-sec2 { padding: 0; margin: 0; float: left; width: 100%; position: relative; } .testimonial-sec2 li { float: left; width: 100%; position: relative; list-style: none; } .testimonial-sec2 li > span { float: left; margin-right: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; } .testimonial-sec2 li > span > img { float: left; } .testimonial-sec2 li > a { color: #999999; display: block; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 30px; margin-top: 30px; text-align: right; width: 100%; } .testimonial-sec2 li > a > i { font-style: normal; font-family: open sans; font-size: 18px; font-weight: 600; text-transform: uppercase; } .testimonial-sec2 li > p { color: #000000; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0 0 10px; position: relative; } .testimonial-sec2 li > p:before { background-image: url("../images/ceo-coma.png"); bottom: -70px; content: ""; height: 80px; position: absolute; right: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); width: 67px; opacity: 0.5; filter:alpha(opacity=50); } .testimonial-sec2 .owl-pagination { display: table; float: right; margin-top: 0px; position: relative; z-index: 9999; } .testimonial-sec2 .owl-pagination > .owl-page { background: none repeat scroll 0 0 #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 6px; margin: 0 5px; width: 6px; } /* Testimonial for White bg */ .f-testimonail.with-white > .tab-content { background: none; } .f-testimonail.with-white > ul > li { margin-bottom: 20px; } .f-testimonail.with-white > ul > li.active a { border-color: #e3e3e3; } .f-testimonail.with-white > ul > li.active a > img { border-color: #e3e3e3; } .f-testimonail.with-white > .tab-content > div { border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; } .with-white .f-testimonial-box > p { color: #7A7A7A; font-family: Noto Sans; font-size: 13px; line-height: 24px; text-align: left; color: #000000; padding: 0; } /* Our Clients */ .our-clients { float: left; width: 100%; margin-top: -30px; } .our-clients a { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #E2E2E2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-top: 30px; width: auto; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; } .our-clients a > img { float: none; margin: 0 auto; display: table; } .our-clients a:hover { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.14); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.14); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.14); box-shadow: 0px 0px 10px rgba(0,0,0,0.14); } /* our Clients2 */ #our-clients-sec { float: left; width: 100%; margin-top: -30px; } .our-clients2 { float: left; width: 100%; margin-top: 30px; } .clients-hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-bottom: 25px; overflow: hidden; position: relative; width: 100%; } .clients-hover:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.8); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter:alpha(opacity=0); } .our-clients2:hover .clients-hover:before { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .clients-hover > a { border: 1px solid rgba(255, 255, 255, 0.2); color: #f8f8f8; font-size: 20px; height: 45px; left: 50%; line-height: 45px; margin-left: -22.5px; margin-top: -22.5px; opacity: 0; filter:alpha(opacity=0); position: absolute; text-align: center; top: 50%; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 45px; } .our-clients2:hover .clients-hover > a { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .our-clients2 > h3 { color: #666; float: left; font-family: open sans; font-size: 16px; font-weight: 600; letter-spacing: 0.3px; line-height: 30px; margin: 0 0 15px; text-align: center; width: 100%; } .our-clients2 > p > i { font-style: italic; font-weight: bold; } .our-clients2 > p:before { background-image: url("../images/ceo-coma.png"); content: ""; height: 80px; position: absolute; right: 0; top: 0; width: 67px; opacity: 0.5; filter:alpha(opacity=50); } .our-clients2 > p { color: #888; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; position: relative; text-align: center; width: 100%; margin-top: -5px; } .clients-hover > img { float: left; width: 100%; } .our-clients2 > h3 > a { color: #404040; } .our-clients2 > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #404040; float: left; font-family: open sans; font-size: 11px; font-weight: 600; letter-spacing: 0.3px; line-height: 10px; margin-top: 20px; padding: 10px; text-transform: uppercase; border: 1px solid #404040; } /* Employee of The Month */ .emp-of-month-sec { float: left; width: 100%; } #employee-img { float: left; position: relative; width: 100%; margin-top: -20px; } .emp-of-month-desc > h3 { float: left; font-family: Open Sans; font-size: 1.3em; font-weight: 600; line-height: 30px; margin: 0; text-transform: uppercase; width: 100%; } .emp-of-month-desc > span { float: left; font-family: open sans; font-size: 1.1em; letter-spacing: 0.3px; line-height: 10px; margin: 0 0 20px; width: 100%; margin-top: 8px; margin-bottom: 15px; } .emp-of-month-desc > p { float: left; width: 100%; font-family: Noto Sans; font-size: 13px; color: #686C70; letter-spacing: 0.30px; margin: 0; line-height: 24px; } #employee-img > img { float: left; } #employee-img:before { background-image: url("../images/shadow3.png"); background-repeat: no-repeat; background-size: 100% 13px; bottom: -1px; content: ""; height: 9px; left: 0; position: absolute; width: 100%; } .emp-of-month-desc { float: left; width: 100%; } .emp-of-month-desc > ul { float: left; margin-bottom: 20px; padding: 0; width: 100%; } .emp-of-month-desc > ul > li { float: left; list-style: none outside none; margin-right:15px; } .emp-of-month-desc > ul > li > a { float: left; width: 46px; height: 46px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #e8ecec; text-align: center; font-size: 13px; color: #414141; line-height: 43px; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .emp-of-month-desc > ul > li > a:hover{ color:#fff; } /* Next product */ .next-products { float: left; width: 100%; } .next-products h3 { float: left; font-family: Noto Sans; font-size: 24px; font-weight: bold; line-height: 18px; margin: 0; width: 100%; margin-bottom: 35px; letter-spacing: 0.30px; } .next-products p { color: #676565; font-family: open sans; font-size: 13px; letter-spacing: 0.35px; line-height: 25px; float: left; margin: 0; } .next-products img { float: left; width: 100%; } .next-products ul { float: left; margin: 0; padding: 0; width: 100%; } .next-products ul > li { float: left; list-style: none outside none; margin-bottom: 22px; width: 100%; font-family: open sans; font-size: 13px; color: #6b6868; letter-spacing: 0.30px; } .next-products ul > li > i { float: left; font-size: 14px; margin-right: 15px; margin-top: 3px; } /* Show Product */ .show-product { float: left; width: 100%; position: relative; } .show-products-lcds { float: left; height: 330px; position: relative; width: 100%; } .show-products-lcds > span { float: none; margin: 0 auto; display: table; } .show-product > h2 { color: #000000; float: left; font-family: Open Sans; font-size: 22px; font-weight: normal; margin: 10px 0 15px; text-align: center; width: 100%; } .show-product > p { color: #000000; display: table; float: none; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0 auto; text-align: center; width: 80%; } .show-product > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fffefe; display: table; float: none; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin: 0 auto; padding: 15px 40px; margin-top: 20px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .show-product > a:hover { background: none repeat scroll 0 0 #333333; } #show-product-slide .owl-buttons { position: absolute; left: 0; top: 35%; width: 100%; z-index: 0; margin-top:-25px; } #show-product-slide .owl-buttons > div { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 50px; text-align: center; width: 50px; background-position: 20px 19px; } #show-product-slide .owl-buttons > div.owl-prev { position: absolute; left: 0; top: 0; } #show-product-slide .owl-buttons > div.owl-next { position: absolute; right: 0; top: 0; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .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; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: transform, opacity; -o-transition-property: transform, opacity; transition-property: transform, opacity; } /* Success Work */ #success-work-nav { display: table; float: none; margin: 0 auto 30px; position: relative; z-index: 9; } #success-work-nav > ul { margin: 0; padding: 0; float: left; } #success-work-nav > ul > li { float: left; list-style: none outside none; } #success-work-nav > ul > li > a { color: #000000; float: left; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 10px; padding: 0 20px; position: relative; text-transform: uppercase; width: 100%; z-index: 1; } #success-work-nav > ul > li > i { color: #CFCFCF; float: right; font-family: open sans; font-size: 15px; line-height: 10px; margin-top: -10px; } #success-work-nav > ul > li > a > i { color: #ececec; font-size: 14px; margin-right: 15px; } .success-work { float: left; margin-top:30px; } #success-work { margin-top: -30px; float: left; width: 100%; } .success-work-desc { float: left; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .success-work-desc > img { float: left; width: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .success-work:hover .success-work-desc > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .success-work-desc > a { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #404040; font-size: 20px; height: 50px; left: 50%; line-height: 50px; margin-left: -25px; margin-top: -25px; position: absolute; text-align: center; top: 50%; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50px; z-index: 9; border: 1px solid rgba(0,0,0,0.2); } .success-work:hover .success-work-desc > a { -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -ms-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; } .success-work-desc > a:hover { color: #fff; } .success-work-desc:before { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 9; } .success-work:hover .success-work-desc:before { -webkit-transform: rotatex(0deg); -moz-transform: rotatex(0deg); -ms-transform: rotatex(0deg); -o-transform: rotatex(0deg); transform: rotatex(0deg); } .success-work > h2 { color: #454545; float: left; font-family: open sans; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; line-height: 10px; margin: 20px 0 15px; text-align: left; width: 100%; } .success-work > span { color: #000000; float: left; font-family: noto sans; font-size: 13px; font-weight: lighter; letter-spacing: 0.3px; line-height: 10px; margin: 0; text-align: left; width: 100%; } /* Latest Project */ #latest-project { float: left; width: 100%; } /* Latest Features */ .ltst-feature-sec { float: left; width: 100%; } .ltst-feature-box { float: left; width: 100%; } .ltst-feature-box > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .ltst-feature-box > h2 { color: #404040; float: left; font-family: Noto Sans; font-size: 18px; font-weight: bold; letter-spacing: 0.3px; line-height: 13px; margin: 20px 0; text-align: center; text-transform: uppercase; width: 100%; font-weight: lighter; margin-bottom: 11px; } .ltst-feature-box > p { color: #7a7a7a; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; text-align: center; width: 100%; } /* Our Projects */ .our-project-sec { float: left; margin-top: -30px; position: relative; width: 100%; } .project-desc > h3 { color: #000000; float: left; font-family: open sans; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; line-height: 1.5em; margin: 0px 0 10px; padding-right: 15px; width: 100%; } .project-desc > h3 > a { color: #1C283C; font-size: 1.15em; } .our-project-sec p { color: #467295; float: left; font-family: open sans; font-size: 0.9em; letter-spacing: 0.3px; line-height: 24px; margin: 0 0 30px; padding-right: 12px; width: 100%; } .our-project-box > span { float: left; padding-right: 15px; position: relative; width: 50%; } .our-project-box > span > i { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: 0; color: #000000; font-family: Open Sans; font-size: 13px; font-style: normal; right: 15px; letter-spacing: 0.3px; line-height: 11px; margin-bottom: 3%; margin-right: 3%; padding: 14px; position: absolute; text-align: center; width: 89%; } .our-project-box > span > i > strong { font-size: 14px; } .project-desc > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #fff; float: left; font-family: Open Sans; font-size: 11px; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 10px; margin-top: 5px; padding: 8px 13px; text-transform: uppercase; width: auto; margin: 0; } .project-desc > span > i { font-size: 12px; font-style: normal; font-weight: 600; margin-right:5px; } .project-desc { float: left; width: 50%; } .our-project-sec .owl-pagination { float: right; margin-top: -20px; z-index: 99999; position:relative; } .our-project-sec .owl-pagination > .owl-page { float: left; height: 6px; width: 6px; background: #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-left: 10px; margin-top: 12px; } .our-project-sec img { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .our-projecty { float: left; margin-top: 30px; width: 100%; } /* Get a Quote */ .quote-widget { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; position: relative; width: 100%; } #quote-head{ float:left; width:100%; padding: 30px; } #quote-head > h3 { color: #000000; float: left; font-family: open sans; font-size: 18px; font-weight: bold; letter-spacing: 0.3px; line-height: 16px; margin-top: 0; padding: 0; text-align: center; width: 100%; text-transform: uppercase; } #quote-head > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; text-align: center; width: 100%; margin-top: 5px; } .quote-form-sec { background: none repeat scroll 0 0 #FCFCFC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; position: relative; width: 100%; padding:30px; border-top: 1px solid #e8ecec; } .quote-form-sec input { background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86); border: 1px solid #D1D1D1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000000; float: left; font-family: open sans; font-size: 12px; height: 40px; letter-spacing: 0.3px; margin-bottom: 10px; padding-left: 15px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .quote-form-sec input:focus { border: 1px solid #BEBEBE; } .quote-form-sec input.submit { background: none repeat scroll 0 0 #999999; border: 1px solid #7E7E7E; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #FFFFFF; display: table; float: none; font-family: open sans; font-size: 13px; height: auto; margin: 14px auto 0; padding: 7px 20px; width: auto; } /* Our Team */ .our-team-sec { float: left; width: 100%; margin-top: -30px; } .our-team-box { float: left; width: 100%; margin-top: 30px; } .team-title { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; position: relative; width: 100%; } .our-team-box:hover .team-title:after { bottom: 0; height: 100%; left: 0; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86); } .our-team-sec.with-parallax .our-team-box:hover .team-title:after { height: 100%; } .team-title:after { bottom: 8px; content: ""; height: 55px; left: 0; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 1; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; } .team-title > img { float: left; width: 100%; } .our-team-box:hover .team-title > h3 { bottom: 50%; height: 33px; margin-top: -24px; color:#888; } .our-team-box:hover .team-title > h3 > a { color:#888; } .team-title > h3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: 0; font-family: noto sans; font-size: 16px; height: 56px; left: 0; line-height: 16px; margin: 0; padding: 11px 0px; position: absolute; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 24; color: #fff; } .team-title > h3 > a{ color: #fff; } .team-title > ul { bottom: 50%; left: 50%; margin: 0; padding: 0; position: absolute; z-index: 999; margin-left: -101px; } .team-title > ul > li { list-style: none outside none; margin: 0 15px; position: absolute; bottom: 15%; opacity: 0; filter:alpha(opacity=0); margin-bottom: 15px; } .team-title > ul > li > a { float: left; font-size: 23px; color: #000000; } .our-team-box:hover .team-title > ul > li.facebook { left:30px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .our-team-box:hover .team-title > ul > li.twitter { left:60px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .our-team-box:hover .team-title > ul > li.google-plus { left:90px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .our-team-box:hover .team-title > ul > li.linkedin { left:120px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .our-team-box:hover .team-title > ul > li.facebook { opacity: 1; filter:alpha(opacity=100); bottom: 50%; margin-bottom: -50px; -webkit-transition: all 0.5s ease 0.1s; -moz-transition: all 0.5s ease 0.1s; -ms-transition: all 0.5s ease 0.1s; -o-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; } .our-team-box:hover .team-title > ul > li.twitter { opacity: 1; filter:alpha(opacity=100); bottom: 50%; margin-bottom: -50px; -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; } .our-team-box:hover .team-title > ul > li.google-plus { opacity: 1; filter:alpha(opacity=100); bottom: 50%; margin-bottom: -50px; -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } .our-team-box:hover .team-title > ul > li.linkedin { opacity: 1; filter:alpha(opacity=100); bottom: 50%; margin-bottom: -50px; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.5s ease 0.4s; -ms-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; } .our-team-box > ul { float: left; margin: 15px 0 0; padding: 0; position: relative; width: 100%; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; padding: 25px 30px; padding-right: 10px; } .our-team-box > ul:before { position: absolute; top: 0; width: 50%; height: 1px; background: #e7e7e7; content: ""; left: 0px; } .our-team-sec.with-parallax .our-team-box > ul { border: medium none; padding: 0; margin: 0; } .our-team-sec.with-parallax .our-team-box > ul > li { border: 1px solid rgba(242, 242, 242, 0.37); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset; -moz-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset; -ms-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset; -o-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset; box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset; float: left; margin: 20px 0 0; padding: 10px 20px 2px; width: 100%; } .our-team-sec.with-parallax .our-team-box > ul > li > h5 { color: #f8f8f8; } .our-team-sec.with-parallax .our-team-box > ul:before { display: none; } .our-team-box > ul > li > i { color: #999999; float: left; font-size: 15px; margin-bottom: 10px; margin-right: 18px; } .our-team-box > ul > li > h5 { color: #000000; display: block; font-family: noto sans; font-size: 13px; font-weight: 500; letter-spacing: 0.3px; margin: 0; } .our-team-box > ul > li { float: left; list-style: none outside none; margin-bottom: 10px; width: 100%; } .our-team-box > ul > li > p { color: #000000; display: block; font-family: noto sans; font-size: 13px; letter-spacing: 0.3px; margin: 0; line-height: 24px; } .our-team-box > ul > li:last-child { margin: 0; } /* Latest News */ .latest-news { float: left; width: 100%; } .news-hover { float: left; width: 100%; position: relative; } .news-hover > img { float: left; width: 100%; z-index: 2; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -ms-border-radius:3px 3px 0px 0px; -o-border-radius:3px 3px 0px 0px; border-radius:3px 3px 0px 0px; } .latest-news:hover .news-hover > img { opacity: 0.3; filter:alpha(opacity=30); } .news-hover > a { position: absolute; left: 0; top: 0; z-index: 99; left: 50%; top: 50%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 40px; height: 40px; text-align: center; color: #fff; line-height: 40px; margin-left: -20px; margin-top: -20px; -webkit-transform: rotatex(90deg) perspective(200px); -moz-transform: rotatex(90deg) perspective(200px); -ms-transform: rotatex(90deg) perspective(200px); -o-transform: rotatex(90deg) perspective(200px); transform: rotatex(90deg) perspective(200px); -webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset; -moz-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset; -ms-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset; -o-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset; box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset; } .latest-news:hover .news-hover > a { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .news-detials { border: 1px solid #E8E6E6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; margin-top: -1px; width: 100%; padding: 30px; } .news-detials > h3 { float: left; width: 100%; margin: 0; font-family: Noto Sans; font-size: 15px; font-weight: normal; color: #666; letter-spacing: 0.30px; line-height: 28px; margin-top: -10px; } .news-detials > h3 > a { color: #666; } .news-detials > span { color: #7A7A7A; float: left; font-family: open sans; font-size: 12px; font-weight: 500; letter-spacing: 0.3px; line-height: 12px; margin-bottom: 0; margin-right: 30px; margin-top: 8px; margin-bottom: 10px; } .news-detials > span > i{ margin-right:10px; } .news-detials > p { float: left; width: 100%; font-family: Noto Sans; font-size: 13px; color: #888; letter-spacing: 0.30px; line-height: 24px; margin: 0; } /* Our Plan Details */ .our-pan-details { float: left; width: 100%; margin-top: 17px; } .features-slide { float: left; width: 100%; margin-top: 45px; } .slide-feature-box { float: left; width: 100%; background: rgba(255,255,255,0.54); border: 1px solid #b4b4b4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 35px 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .slide-feature-box:hover > i{ color:#fff; } .slide-feature-box > i { color: #000000; float: left; font-size: 50px; line-height: 44px; margin-bottom: 15px; text-align: center; width: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .slide-feature-box > span { float: left; text-align: center; width: 100%; font-size: 14px; color: #000000; font-family: Noto Sans; letter-spacing: 0.30px; line-height: 10px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .slide-feature-box:hover > span{ color:#fff; } .features-slide .owl-pagination { display: table; float: none; margin: 0 auto; margin-top: 30px; } .features-slide .owl-pagination .owl-page { background: none repeat scroll 0 0 #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 6px; margin: 0 3px; width: 6px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /* portfolio */ .portfolio-sec ul { float: left; width: 100%; padding: 0; margin: 0; } .portfolio-box img { float: left; width: 100%; padding: 1px ; } .portfolio-sec ul > li { float: left; width: 20%; list-style: none; } .portfolio-box { float: left; position: relative; width: 100%; overflow: hidden; } .portfolio-box > h3 { color: #FFFFFF; font-family: Noto Sans; font-size: 14px; font-weight: lighter; left: 0; letter-spacing: 0.3px; line-height: 17px; margin: -40px 0 0; opacity: 0; filter:alpha(opacity=0); padding: 0; position: absolute; text-align: center; top: 50%; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.5s ease 0.4s; -ms-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; width: 100%; z-index: 99999; } .portfolio-box:hover h3 { bottom: 10px; opacity: 1; filter:alpha(opacity=1); } .portfolio-box > i { position: absolute; width: 50%; height: 25%; background: rgba(15,15,15,0.8); z-index: 9; } .portfolio-box > a { border: 1px solid rgba(255, 255, 255, 0.3); color: #DBDBDB; font-size: 14px; height: 30px; left: 50%; line-height: 30px; margin-left: -15px; margin-top: 6px; opacity: 0; filter:alpha(opacity=0); position: absolute; text-align: center; top: 50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 30px; z-index: 9999999999; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .portfolio-box:hover > a.search{ margin-left: 5px; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all 0.4s ease 0.5s; -moz-transition: all 0.4s ease 0.5s; -ms-transition: all 0.4s ease 0.5s; -o-transition: all 0.4s ease 0.5s; transition: all 0.4s ease 0.5s; } .portfolio-box > a:hover { background: #fff; color: #333; } .portfolio-box:hover > a.link { margin-left: -30px; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all 0.4s ease 0.4s; -moz-transition: all 0.4s ease 0.4s; -ms-transition: all 0.4s ease 0.4s; -o-transition: all 0.4s ease 0.4s; transition: all 0.4s ease 0.4s; } .portfolio-box > i.box1 { left:-50%; top:0; -webkit-transition:all 0.2s 0.1s; -moz-transition:all 0.2s 0.1s; -ms-transition:all 0.2s 0.1s; -o-transition:all 0.2s 0.1s; transition:all 0.2s 0.1s; } .portfolio-box > i.box2 { right:-50%; top:0; -webkit-transition:all 0.2s 0.1s; -moz-transition:all 0.2s 0.1s; -ms-transition:all 0.2s 0.1s; -o-transition:all 0.2s 0.1s; transition:all 0.2s 0.1s; } .portfolio-box > i.box3 { left:-50%; top:25%; -webkit-transition:all 0.2s 0.2s; -moz-transition:all 0.2s 0.2s; -ms-transition:all 0.2s 0.2s; -o-transition:all 0.2s 0.2s; transition:all 0.2s 0.2s; } .portfolio-box > i.box4 { right:-50%; top:25%; -webkit-transition:all 0.2s 0.2s; -moz-transition:all 0.2s 0.2s; -ms-transition:all 0.2s 0.2s; -o-transition:all 0.2s 0.2s; transition:all 0.2s 0.2s; } .portfolio-box > i.box5 { left:-50%; top:50%; -webkit-transition:all 0.2s 0.3s; -moz-transition:all 0.2s 0.3s; -ms-transition:all 0.2s 0.3s; -o-transition:all 0.2s 0.3s; transition:all 0.2s 0.3s; } .portfolio-box > i.box6 { right:-50%; top:50%; -webkit-transition:all 0.2s 0.3s; -moz-transition:all 0.2s 0.3s; -ms-transition:all 0.2s 0.3s; -o-transition:all 0.2s 0.3s; transition:all 0.2s 0.3s; } .portfolio-box > i.box7 { left:-50%; top:75%; -webkit-transition:all 0.2s 0.4s; -moz-transition:all 0.2s 0.4s; -ms-transition:all 0.2s 0.4s; -o-transition:all 0.2s 0.4s; transition:all 0.2s 0.4s; } .portfolio-box > i.box8 { right:-50%; top:75%; -webkit-transition:all 0.2s 0.4s; -moz-transition:all 0.2s 0.4s; -ms-transition:all 0.2s 0.4s; -o-transition:all 0.2s 0.4s; transition:all 0.2s 0.4s; } .portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 { left: 0; } .portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 { right: 0; } /* Posrtfolio 2 */ .portfolio-sec2 { float: left; position: relative; width: 100%; } .portfolio-sec2 > #portfolio-nav { float: left; margin-bottom: 40px; width: 100%; } #portfolio-nav > ul { float: left; margin: 0; padding: 0; width: 100%; } #portfolio-nav > ul > li { float: left; list-style: none outside none; margin-right: 15px; } #portfolio-nav > ul > li:last-child { margin: 0; } #portfolio-nav > ul > li > a { border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 9px; overflow: hidden; padding: 13px 18px; position: relative; z-index: 0; } #portfolio-nav > ul > li > a:before { content: ""; height: 100%; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: -1; } #portfolio-nav > ul > li > a.active { color: #FFFFFF; } #portfolio-nav > ul > li > a > i { font-size: 15px; margin-right: 10px; } #portfolio-nav > ul > li > a.active:before { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #portfolio-work { float: left; width: 100%; } #portfolio-work > div { float: left; } .portfolio-box2 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-bottom: 30px; position: relative; width: 100%; } .portfolio-box2:before { background-color: rgba(81, 81, 81, 0.8); bottom: 0; content: ""; height: 79px; left: 0; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -ms-border-radius: 0px 0px 3px 3px; -o-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .portfolio-box2:hover:before { height: 100%; } .portfolio-box2 > img { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .portfolio-head { bottom: 0; height: 75px; left: 0; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .portfolio-box2:hover .portfolio-head { bottom: 58px; height: 50%; } .portfolio-box2 > a { border: 2px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #FFFFFF; font-size: 16px; height: 47px; left: 50%; line-height: 44px; margin-left: -23.5px; margin-top: 29px; opacity: 0; filter:alpha(opacity=0); position: absolute; text-align: center; top: 20%; -webkit-transform: scale(2) rotatey(180deg); -moz-transform: scale(2) rotatey(180deg); -ms-transform: scale(2) rotatey(180deg); -o-transform: scale(2) rotatey(180deg); transform: scale(2) rotatey(180deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 47px; } .portfolio-box2:hover a { margin-top: 4px; opacity: 1; filter:alpha(opacity=100); top: 50%; -webkit-transform: scale(1) rotatey(0deg); -moz-transform: scale(1) rotatey(0deg); -ms-transform: scale(1) rotatey(0deg); -o-transform: scale(1) rotatey(0deg); transform: scale(1) rotatey(0deg); } .portfolio-head > h3 { color: #FFFFFF; font-family: Noto Sans; font-size: 15px; letter-spacing: 0.3px; line-height: 12px; margin: 14px 0 12px; text-align: center; } .portfolio-head > span { color: #dbdbdb; float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 28px; text-align: center; width: 100%; } .portfolio-head > i { border: 3px solid rgba(255, 255, 255, 0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; bottom: -16px; color: #FFFFFF; height: 32px; left: 50%; line-height: 27px; margin-left: -16px; position: absolute; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 32px; } .portfolio-box2:hover .portfolio-head > i { opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } /* Inner Page Head */ .inner-head-sec { margin-top: 90px; padding: 40px 0 20px 0; } .inner-head-sec > .black:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .inner-head { float: left; width: 100%; } .inner-head > h2 { color: #FFFFFF; float: left; font-family: Noto Sans; font-size: 16px; font-weight: lighter; letter-spacing: 0.3px; line-height: 15px; margin: 0 0 25px; text-align: center; width: 100%; } .inner-head > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFEFE; display: none; float: none; font-family: open sans; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; line-height: 10px; margin: 0 auto; padding: 15px 20px; } .breadcrumbs { display: table; float: none; margin: 0 auto; } .breadcrumbs > a { color: #FFFFFF; float: left; font-family: noto sans; font-size: 12px; letter-spacing: 0.3px; line-height: 10px; margin-left: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .breadcrumbs > a:hover { text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); } /* Our Office */ .our-office-sec { float: left; width: 100%; } #our-office { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 0 0 30px; overflow: hidden; padding: 0; width: 100%; } #our-office > .tab-pane { float: left; width: %; position: relative; } #our-office > div > img { float: left; width: 100%; } .about-tab-desc { background: rgba(235,235,235,0.97); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: -50%; left: 2%; margin-bottom: 15px; position: absolute; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 96%; padding: 20px; } #our-office > .tab-pane.active > .about-tab-desc { bottom: 0; } .about-tab-desc > h3 { color: #434242; float: left; font-family: Noto Sans; font-size: 17px; font-weight: bold; letter-spacing: 0.3px; line-height: 28px; margin: -8px 0 0; text-transform: uppercase; width: 100%; margin-bottom: 15px; } .about-tab-desc > ul { float: left; margin: 0; padding: 0; width: 100%; } .about-tab-desc > ul > li > span { color: #353535; float: left; font-family: open sans; font-size: 11px; font-weight: 600; letter-spacing: 0.3px; line-height: 10px; width: 100%; } .about-tab-desc > ul > li > span > i { margin-right: 10px; color: #000000; } .about-tab-desc > ul > li { float: left; list-style: none; margin-right: 30px; } .about-tab-desc > ul > li > p { float: left; width: 100%; margin: 0; font-family: open sans; font-size: 11px; color: #000000; letter-spacing: 0.30px; margin-left: 20px; margin-top: 6px; line-height: 9px; letter-spacing: 0.30px; } #our-office-thumb { border: medium none; float: left; padding: 0; } #our-office-thumb > li a > span { color: #404040; float: left; font-family: Noto Sans; font-size: 15px; margin: 10px 0; text-align: center; width: 100%; z-index: 9; } #our-office-thumb > li a > img { float: left; width: 100%; } #our-office-thumb > li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; float: left; margin: 0; position: relative; } #our-office-thumb > li a { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 0; overflow: hidden; padding: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #our-office-thumb > li a:hover { opacity: 0.5; filter:alpha(opacity=50); } #our-office-thumb > li:before { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 9; } #our-office-thumb > li.active:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Our Branches */ #branches { float: left; margin-top: -30px; width: 100%; } .w-our-branches.branch-box > ul { float: left; padding: 0; width: 100%; } .w-our-branches.branch-box{ margin-top:30px; } .w-our-branches.branch-box > ul > li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; float: left; padding: 0; width: 100%; } .w-our-branches.branch-box > ul > li:last-child { border: medium none; } .w-our-branches.branch-box > ul > li > p > strong { margin-bottom: 10px; } .w-our-branches.branch-box > ul > li > a { float: left; margin-bottom: 20px; width: 100%; } .w-our-branches.branch-box > ul > li > p { float: left; margin-bottom: 0; margin-right: 30px; width: auto; } .w-our-branches { float: left; width: 100%; } .w-our-branches.branch-box > ul > li > h3 { color: #000000; float: left; font-family: Open Sans; font-size: 15px; font-weight: normal; line-height: 10px; margin: 0 0 15px; width: 100%; } .w-our-branches.branch-box > ul > li > a > span { float: left; margin: 0; padding: 0; width: 100%; } .w-our-branches > ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 0; overflow: hidden; padding: 0; } .w-our-branches ul li { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid #E4E4E4; float: left; list-style: none outside none; padding: 16px; width: 100%; border-bottom:rgba(0,0,0,0) } .w-our-branches > ul > li:last-child{ border-bottom:1px solid #e4e4e4; } .w-our-branches li span { float: left; overflow: hidden; width: 100%; padding-right: 20px; } .w-our-branches > ul > li > a { float: left; width: 30%; } .w-our-branches li span img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .w-our-branches li p { color: #000000; display: block; float: left; font-family: open sans; font-size: 11px; letter-spacing: 0.35px; margin: 5px 0; padding-left: 25px; width: 70%; } .w-our-branches li h6 { color: #00A0CA; display: block; font-family: open sans; font-size: 14px; font-weight: 600; letter-spacing: 0.35px; margin: 0 0 13px; } .w-our-branches li h6 i { color: #494848; font-size: 14px; margin-bottom: 0; margin-right: 12px; text-align: center; width: 8%; } .w-our-branches li p i { color: #000000; font-size: 14px; margin-bottom: 0; text-align: left; width: 20px; } .w-our-branches li p > strong { color: #000000; display: block; float: none; font-family: open sans; font-size: 12px; font-weight: normal; margin-bottom: 2px; margin-left: -23px; width: 100%; } /* About Sec */ .about-sec { float: left; width: 100%; margin-top: 90px; } .about-sec img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; max-width: 400px; width: 100%; margin: 0 25px 15px 0; } .about-sec h3 { color: #000000; float: left; font-family: Open Sans; font-size: 17px; font-weight: bolder; letter-spacing: 0.3px; line-height: 28px; margin: 0 0 15px; width: 100%; } .about-sec p { color: #55616d; font-family: Noto Sans; font-size: 1.13em; letter-spacing: 0.3px; line-height: 1.9em; text-align: justify; } .about-sec li { color: #55616d; font-family: Noto Sans; font-size: 1.11em; letter-spacing: 0.3px; line-height: 1.9em; text-align: left; list-style-image:url(../images/list-style.jpg); } .body-2 { /* margin-top: 35px;*/ } .fa.fa-bars { color: #a5b3c5; font-size: 0.9em; } .about-sec a { border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: open sans; font-size: 0.95em; letter-spacing: 0.3px; line-height: 10px; margin-right: 15px; padding: 12px 17px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .about-sec a:hover{ color:#fff; } .our-project-box { float: left; margin-top: 20px; width: 100%; } /* All Project */ #all-project-nav { float: left; margin-bottom: 60px; width: 100%; } #all-project-nav > ul { float: left; margin: 0; padding: 0; width: 100%; } #all-project-nav > ul > li { float: left; list-style: none outside none; margin-right: 20px; } #all-project-nav > ul > li > a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: Noto Sans; font-size: 14px; letter-spacing: 0.3px; line-height: 10px; padding: 15px 18px; position: relative; z-index: 0; } #all-project-nav > ul > li > a:before { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ""; height: 100%; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: -1; } #all-project-nav > ul > li > a.active { color: #FFFFFF; } #all-project-nav > ul > li > a.active:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity:1; filter:alpha(opacity=100); } #all-project { float: left; margin-top: -30px; width: 100%; } #all-project > div { float: left; } .all-projects { border: 1px solid #E1E7E7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-top: 30px; overflow: hidden; position: relative; width: 100%; } .all-projects > img { float: left; width: 100%; } .all-projects:hover .all-project-desc { height: 100%; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.5s ease 0.4s; -ms-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; } .all-project-desc { bottom: 0; height: 25%; left: 0; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 7; } .all-project-desc > h2 { bottom: 50%; color: #DFDDDD; font-family: open sans; font-size: 14px; font-weight: normal; left: 0; letter-spacing: 0.3px; margin-bottom: -27px; margin-left: 0; margin-right: 0; position: absolute; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .all-projects:hover .all-project-desc > h2 { bottom: 50%; margin-bottom: -68px; } .all-project-desc > h2 > a { color: #DFDDDD; } .all-projects:before { background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9); bottom: 0; content: ""; height: 25%; left: 0; position: absolute; width: 100%; } .all-project-desc > span { height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .all-projects:hover .all-project-desc > span > img { margin-top: -80px; top: 50%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .all-project-desc > span > img { border: 2px solid rgba(255, 255, 255, 0.14); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; left: 50%; margin-left: -43px; position: absolute; top: -43px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .all-projects:hover .all-project-desc > span > i { margin-top: 25px; right: 0; text-align: center; text-indent: 0; top: 50%; width: 100%; } .all-project-desc > span > i { color: #C1C1C1; font-family: Noto Sans; font-size: 14px; font-style: normal; position: absolute; right: 0; text-align: center; text-indent: 46px; top: 10px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50%; } .all-project-desc > a { border: 2px solid rgba(255, 255, 255, 0.14); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #FFFFFF; font-size: 14px; height: 35px; left: 50%; line-height: 33px; margin-left: -17.5px; margin-top: -17.5px; opacity: 0; filter:alpha(opacity=0); position: absolute; text-align: center; top: 50%; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; width: 35px; } .all-projects:hover .all-project-desc > a { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .all-projects > i { background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9); height: 12.5%; left: 0; position: absolute; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; width: 100%; opacity:0; filter:alpha(opacity=0); } .all-projects:hover > i { opacity: 1; filter:alpha(opacity=100); } .all-projects > i.box1 { bottom: 25%; -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -ms-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .all-projects > i.box2 { bottom: 37.5%; -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; -ms-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s; } .all-projects > i.box3 { bottom: 50%; -webkit-transition: all 0.3s ease 0.3s; -moz-transition: all 0.3s ease 0.3s; -ms-transition: all 0.3s ease 0.3s; -o-transition: all 0.3s ease 0.3s; transition: all 0.3s ease 0.3s; } .all-projects > i.box4 { bottom: 62.5%; -webkit-transition: all 0.3s ease 0.4s; -moz-transition: all 0.3s ease 0.4s; -ms-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .all-projects > i.box5 { bottom: 75%; -webkit-transition: all 0.3s ease 0.5s; -moz-transition: all 0.3s ease 0.5s; -ms-transition: all 0.3s ease 0.5s; -o-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s; } .all-projects > i.box6 { bottom: 87.5%; -webkit-transition: all 0.3s ease 0.6s; -moz-transition: all 0.3s ease 0.6s; -ms-transition: all 0.3s ease 0.6s; -o-transition: all 0.3s ease 0.6s; transition: all 0.3s ease 0.6s; } /* Pagination */ .c-pagination { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-top: 70px; overflow: hidden; padding: 19px 0; position: relative; width: 100%; background-image: url("../images/resource/sec-bg9.jpg"); } .c-pagination .fixed-img { display: none; } .c-pagination > .container { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; padding: 20px 0; position: relative; } .pagination { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: inline-block; float: left; margin: 0; padding: 0 10px; width: 100%; position: relative; z-index: 9; } .pagination > ul > li > a.active { color: #FFFFFF; } .pagination > a#prev { left: 20px; position: absolute; top: 1px; } .pagination > a#next { right: 20px; position: absolute; top: 1px; } .pagination > a { background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fafafa; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; padding: 10px 20px; position: relative; border:1px solid rgba(236,236,236,0.6); } .pagination > ul { display: table; float: none; margin: 0 auto; padding: 0; position: relative; } .pagination > ul > li { float: left; list-style: none outside none; margin: 0 5px; } .pagination > ul > li > a { background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fafafa; float: left; font-family: open sans; font-size: 17px; font-weight: 400; height: 32px; line-height: 28px; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border:1px solid rgba(236,236,236,0.6); width: 32px; } .c-pagination .black:before { opacity: 0; filter:alpha(opacity=0); } .pagination > ul > li > a:hover { color: #FFFFFF; } .pagination > a > i { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #FFFFFF; font-size: 11px; height: 13px; line-height: 11px; position: absolute; text-align: center; width: 13px; } .pagination > a#next > i { right: -6px; } .pagination > a#prev > i { left: -6px; } /* Related Project */ #related-project { float: left; margin-top: -30px; width: 100%; } .related-project { float: left; margin-top: 30px; width: 100%; } .related-thumb { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; position: relative; width: 100%; } .related-project:hover .related-thumb:before { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .related-thumb:before { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .related-thumb > img { float: left; width: 100%; height: 110px; } .related-thumb > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; bottom: 5px; color: #ffffff; font-family: Noto Sans; font-size: 10.5pt; line-height: 12px; padding: 10px; position: absolute; right: 5px; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .related-project:hover .related-thumb > span { opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .related-thumb > span > i { float: left; font-style: normal; width: 100%; } .related-thumb > a { color: #404040; font-size: 16px; left: 50%; margin-left: -10px; margin-top: -7px; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .related-project:hover .related-thumb > a { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .related-project > h3 { float: left; font-family: Open Sans; font-size: 1.1em; font-weight: 600; letter-spacing: 0.3px; line-height: 1.25em; margin: 10px 0; width: 100%; } .related-project > h3 > a { color: #000; } .related-project > p { color: #557FA0; float: left; font-family: Noto sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: -6px 0 0; width: 100%; } /* Inner Left Sec */ .inner-left { float: left; width: 100%; } /* Post */ .post { float: left; margin-bottom: 40px; position: relative; width: 100%; } .post-metas { float: left; width: 100%; overflow: hidden; } .post-metas > ul { float: left; margin: 0; padding: 0; width: 100%; margin-bottom: 5px; } .post-metas > ul > li { float: left; list-style: none outside none; margin-right: 5px; } .post-metas > ul > li > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; color: #fff; float: left; font-family: open sans; font-size: 11px; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 8px; padding: 7px 10px; } .post-metas > ul > li > a > i { font-size: 13px; margin-right: 5px; } .post-metas > ul > li:last-child { margin: 0; } .post-metas > div { float: left; position: relative; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; } .post-metas > div:before { position: absolute; top: 0; width: 50%; height: 100%; content: ""; background: rgba(25,25,25,0.8); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; left: -50%; } .post-metas > div:after { position: absolute; top: 0; width: 50%; height: 100%; content: ""; background: rgba(25,25,25,0.8); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; right: -50%; } .post-metas > div > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .post:hover .post-metas > div:after { right: 50%; } .post:hover .post-metas > div:before { left: 50%; } .post-metas > div > a { color: #FFFFFF; font-size: 40px; left: 50%; margin-left: -23px; margin-top: -32px; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s; -ms-transition: all 0.4s ease 0.1s; -o-transition: all 0.4s ease 0.1s; transition: all 0.4s ease 0.1s; z-index: 999999; } .post:hover .post-metas > div > a { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .post-desc { float: left; margin-top: 45px; width: 100%; } .one-column .post-desc { margin: 0; } .one-column .post-desc > h2 { margin: 20px 0 10px; } .one-column .post-desc > p { margin-bottom: 20px; } .post-desc > h2 { float: left; font-family: Open Sans; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; line-height: 28px; margin: 0 0 20px; width: 100%; } .post-desc > h2 > a { color: #666; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .post-desc > p { color: #888; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0 0 30px; width: 100%; } .post-desc > a { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #666; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; padding: 10px 15px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border: 1px solid #e8ecec; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; } .post-desc > a:hover{ color:#fff; } /* Single Post */ .meta-tags { float: left; margin: 0; padding: 0; width: 50%; } .meta-tags > li { float: left; list-style: none outside none; margin-right: 10px; } .meta-tags > li > i { color: #282828; float: left; font-size: 15px; line-height: 32px; margin-right: 10px; } .meta-tags > li > a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: Noto Sans; font-size: 12px; letter-spacing: 0.3px; line-height: 9px; padding: 10px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .meta-tags > li > a:hover { color: #FFFFFF; } .post-social { float: right; margin: 0; padding: 0; width: auto; } .post-social > li { float: left; list-style: none outside none; margin-right: 10px; } .post-social > li > a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: open sans; font-size: 14px; height: 33px; letter-spacing: 0.3px; line-height: 32px; text-align: center; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 35px; } .post-social > li > a:hover { color: #FFFFFF; } /* Comment Sec */ .comment-sec { float: left; margin-top: 70px; width: 100%; } #comment { float: left; width: 100%; } #comment > ul { float: left; margin: 0; padding: 0; width: 100%; } #comment > ul > li { float: left; list-style: none outside none; width: 100%; } .comment { float: left; width: 100%; } .comment-avatar { float: left; margin-right: 30px; width: 87px; } .comment-avatar > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-bottom: 10px; overflow: hidden; width: 100%; } .comment-avatar > span > img { float: left; width: 100%; } .comment-avatar > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; display: table; float: none; font-family: open sans; font-size: 11px; font-weight: 600; letter-spacing: 0.3px; line-height: 10px; margin: 0 auto; padding: 5px 10px; } .user-comment { background: none repeat scroll 0 0 #FEFEFE; border: 1px solid #E1E1E1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: right; padding: 40px; position: relative; width: 86%; } .user-comment > a { float: left; font-family: open sans; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; } .user-comment > a > i { color: #000000; font-family: Noto Sans; font-size: 11px; font-style: italic; font-weight: lighter; letter-spacing: 0.3px; margin-left: 10px; } .user-comment > p { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 10px 0 0; width: 100%; } #comment > ul > li > ul { float: left; margin: 30px 0; padding-left: 119px; width: 100%; } #comment > ul > li > ul > li { float: left; list-style: none outside none; width: 100%; } #comment > ul > li > ul > li > .comment > .user-comment { width: 84%; } #comment > ul > li > ul > li > ul { float: left; padding-left: 119px; width: 100%; margin-top: 30px; } #comment > ul > li > ul > li > ul > li { float: left; list-style: none outside none; width: 100%; } #comment > ul > li > ul > li > ul > li .comment > .user-comment { width: 81%; } .reply { background: none repeat scroll 0 0 #F9F9F9; } .reply:before { background: none repeat scroll 0 0 #F9F9F9; border-right: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; content: ""; height: 10px; left: 50%; margin-left: -5px; position: absolute; top: -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 10px; } /* About the AUthor */ .author-post-sec { border-bottom: 1px dashed #C8C8C8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border-top: 1px dashed #C8C8C8; float: left; margin-bottom: 50px; margin-top: 50px; overflow: hidden; padding: 35px; position: relative; width: 100%; } .author-post { float: left; position: relative; width: 100%; z-index: 9; } .author-post > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-right: 35px; overflow: hidden; } .author-post > span > img { float: left; width: 100%; } .author-post > a { color: #666; display: block; font-family: Noto Sans; font-size: 15px; font-weight: lighter; letter-spacing: 0.3px; line-height: 12px; margin-bottom: 15px; margin-top: 10px; } .author-post > a > i { font-family: open sans; font-size: 13px; font-style: normal; font-weight: normal; } .author-post > p { color: #000000; display: block; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; } #related-project-sec { float: left; margin-top: -30px; position: relative; width: 100%; } .single-project-sec { float: left; position: relative; width: 100%; } /* Sidebar */ .s-related-widget { float: left; margin-bottom: 30px; width: 100%; } /* Sidebar Flicr Widget */ .s-flicr-widget{ float: left; margin-bottom: 30px; width: 100%; } .s-flicr-widget a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-top: 20px; overflow: hidden; position: relative; width: 100%; } .s-flicr-widget a:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .s-flicr-widget a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .s-flicr-widget a:before { color: #FFFFFF; content: "ïƒپ"; font-family: FontAwesome; left: 50%; margin-left: -6px; margin-top: -8px; opacity: 0; filter:alpha(opacity=0); position: absolute; text-align: center; top: 50%; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 1; } .s-flicr-widget > .row { float: left; margin-top: -20px; padding: 0 5px; } .s-flicr-widget a:hover:before { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .s-flicr-widget a > img { float: left; width: 100%; } .s-flicr-widget > .row > div { padding: 0 10px; } /* Sidebar Categories Widget */ .s-category-widget { float: left; margin-bottom: 30px; width: 100%; } .s-category-widget > ul { float: left; margin: -15px 0 0; padding: 0; width: 100%; } .s-category-widget > ul > li { border-bottom: 1px solid #E4E4E4; float: left; list-style: none outside none; width: 100%; } .s-category-widget > ul > li > a { color: #000000; font-weight: bold; float: left; font-family: Noto sans; font-size: 14px; letter-spacing: 0.3px; line-height: 18px; padding: 15px 0; position: relative; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .s-category-widget > ul > li > a > i { color: #888; float: left; font-size: 18px; margin-right: 20px; margin-top: 1px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .s-category-widget > ul > li > a:hover > i { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14); } .s-category-widget > ul > li > a > span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; font-family: open sans; font-size: 12px; line-height: 10px; padding: 7px 6px; position: absolute; right: 0; } /* Sidebar Testimonial */ .s-testimonial { margin-bottom: 30px; } /* Sidebar Twitter Widget */ .s-twitter-widget { float: left; width: 100%; } .twitter-widget { float: left; width: 100%; } .twitter-widget { background-image: url("../images/resource/twitter-bg.jpg"); background-repeat: no-repeat; background-size: 100% 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset; -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset; -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset; float: left; padding: 20px; width: 100%; } .twitter-widget > ul { float: left; margin: 0; padding: 0; width: 100%; } .twitter-widget > ul li { float: left; list-style: none outside none; width: 100%; } .twitter-widget > ul li > p { color: #414040; float: left; font-family: open sans; font-size: 14px; font-style: italic; font-weight: 500; letter-spacing: 0.3px; margin: 0 0 15px; width: 100%; } .twitter-widget > ul li > a { float: left; font-family: open sans; font-size: 13px; font-style: italic; font-weight: lighter; letter-spacing: 0.3px; line-height: 10px; margin-bottom: 15px; width: 100%; } .twitter-widget > ul li > span { color: #525252; float: left; font-family: open sans; font-size: 12px; font-weight: lighter; line-height: 10px; margin-bottom: 110px; width: 100%; } .twitter-widget > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: right; font-family: noto sans; font-size: 12px; letter-spacing: 0.3px; padding: 5px 10px; } /* Widget Top Faq */ .s-faq-widget { float: left; margin-bottom: 30px; width: 100%; } .w-top-faq { border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .w-top-faq > ul { float: left; margin: 0; padding: 0; width: 100%; } .w-top-faq > ul > li { -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset; float: left; list-style: none outside none; width: 100%; padding: 15px; } .w-top-faq > ul > li:last-child { margin: 0; } .w-top-faq > ul > li > i { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #000000; float: left; margin-bottom: 30px; margin-right: 10px; margin-top: 7px; } .w-top-faq > ul > li > a { color: #000000; display: block; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.1px; line-height: 24px; margin: 0; } .w-top-faq > ul > li > span { float: left; padding-left: 20px; width: 100%; } /* Widget Support Team */ .s-support-team { float: left; margin-bottom: 30px; width: 100%; } .support-team-sec .owl-buttons { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); top: 41px; width: 100%; } .support-team-sec { float: left; position: relative; width: 100%; } .support-team { float: left; position: relative; width: 100%; } .support-team-sec .owl-buttons .owl-prev { left: 0; margin: 0; position: absolute; } .support-team-sec .owl-buttons .owl-next { right: 0; margin: 0; position: absolute; } .support-team > span { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: table; float: none; margin: 0 auto; overflow: hidden; } .support-team > span > img { float: left; width: 100%; } .support-team > ul { border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 15px 0 0; overflow: hidden; padding: 0; position: relative; width: 100%; } .support-team > ul > li { border-bottom: 1px solid #e8ecec; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; list-style: none outside none; padding: 15px 0 15px 15px; width: 100%; } .support-team > ul > li:last-child { border: medium none; } .support-team > ul:before { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50px; z-index: 0; } .support-team > ul > li > span { display: inline; font-family: Noto sans; font-size: 13px; letter-spacing: 0.3px; color: #000000; } .support-team > ul > li > i { float: left; line-height: 20px; margin-right: 26px; position: relative; text-align: center; width: 23px; color: #000000; } .support-team > ul > li > span > i { font-size: 11px; font-style: normal; text-transform: uppercase; } /* Widhet Get Help */ .w-get-help { border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .w-get-help > ul { float: left; margin: 0; padding: 0; width: 100%; } .w-get-help > ul > li { border-bottom: 1px solid #E8ECEC; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; list-style: none outside none; padding: 15px; width: 100%; } .w-get-help ul li:last-child { margin: 0; border-bottom:0; } .w-get-help ul li span { border: 3px solid #666; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #666; float: left; font-family: open sans; font-size: 11px; font-weight: 600; height: 20px; line-height: 14px; margin-right: 10px; text-align: center; width: 20px; } .w-get-help > ul > li:hover span { border-color: #E96353; color: #E96353; } .w-get-help > ul > li:hover h3 { color: #E96353; } .w-get-help ul li p { color: #000000; float: left; font-family: Noto Sans; font-size: 12px; letter-spacing: 0.3px; line-height: 22px; margin-bottom: 0; margin-top: 6px; width: 100%; } .w-get-help ul li > i { font-family: open sans; font-size: 13px; font-style: normal; text-decoration: underline; } .w-get-help ul li p i { font-style: normal; text-decoration: underline; } .w-get-help ul li h3 { color: #000000; display: block; font-family: open sans; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; line-height: 20px; margin: 0; } .w-get-help > ul > li ul { float: left; margin-top: 30px; padding: 0; width: 100%; } .w-get-help > ul > li ul li { float: left; list-style: none outside none; margin-bottom: 15px; width: 100%; } .w-get-help > ul > li ul li i { color: #888; float: left; font-family: FontAwesome; font-size: 14px; margin-right: 25px; text-align: center; text-decoration: none; width: 10%; } .w-get-help > ul > li ul li p { display: block; float: none; line-height: 12px; margin: 0; width: auto; } /* Find A Place or Job */ .find-a-job { float: left; width: 100%; } .find-a-job > form { float: left; width: 50%; } .find-a-job > form#job { margin-right: 30px; width: 45%; } .find-a-job > form#place { width: 52%; } .find-a-job > form#place > input { margin-right: 30px; width: 86%; } .find-a-job > form#place > a { border: 2px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: right; font-size: 18px; height: 50px; line-height: 43px; text-align: center; width: 53px; } .find-a-job > form > label { color: #FFFFFF; float: left; font-family: Noto Sans; font-size: 18px; font-weight: bold; letter-spacing: 0.3px; margin-bottom: 15px; text-transform: uppercase; width: 100%; } .find-a-job > form > input { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86); border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #9B9B9B; float: left; font-family: open sans; font-size: 15px; padding: 14px 30px; width: 100%; } #latest-job-sec { float: left; margin-top: -30px; width: 100%; } /* FAQ */ .about-desc > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; width: 100%; } /* History Page */ .history-box-sec:hover .history-box { background-position: right 0 bottom -200px; } .history-box { background-image: url("../images/resource/history.png"); background-position: right -220px bottom -200px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-bottom: -40px; overflow: hidden; padding: 100px 0; position: relative; -webkit-transition: all 10s ease 0s; -moz-transition: all 10s ease 0s; -ms-transition: all 10s ease 0s; -o-transition: all 10s ease 0s; transition: all 10s ease 0s; } .history-box-sec { float: left; margin-right: 30px; position: relative; width: 270px; } .history-box:before { background-image: url("../images/cloud.png"); content: ""; height: 100%; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; -webkit-transition: all 10s ease 0s; -moz-transition: all 10s ease 0s; -ms-transition: all 10s ease 0s; -o-transition: all 10s ease 0s; transition: all 10s ease 0s; width: 100%; } .history-box-sec:hover .history-box:before { left: 100%; opacity: 1; filter:alpha(opacity=100); } .history-head { background: none repeat scroll 0 0 #CECECE; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: table; float: none; height: 200px; line-height: 200px; margin: 0 auto -100px; padding: 20px; position: relative; text-align: center; width: 200px; z-index: 2147483647; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .history-head > span { background: none repeat scroll 0 0 #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 160px; position: relative; width: 160px; z-index: 2147483647; } .history-head > span > i.in { color: #CECECE; float: left; font-family: FontAwesome; font-size: 63px; height: 100%; left: 0; line-height: 160px; opacity: 1; filter:alpha(opacity=100); position: absolute; text-align: center; top: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .history-head > span > i { font-family: Noto Sans; font-size: 40px; font-style: normal; font-weight: bold; height: 10%; left: 0; line-height: 160px; opacity: 0; filter:alpha(opacity=0); position: absolute; text-align: center; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); width: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .history-box-sec:hover .history-head > span > i.in { opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .history-box-sec:hover .history-head > span > i { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .history-date { float: left; margin-bottom: 30px; margin-top: 50px; position: relative; width: 100%; } .history-date > h3 { font-family: Noto Sans; font-size: 40px; font-weight: bold; letter-spacing: 0.3px; line-height: 58px; margin: 0; position: absolute; text-align: center; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; color: #000000; width: 100%; } .history-date > i { color: #888; font-size: 63px; left: 0; position: absolute; text-align: center; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; opacity:0; filter:alpha(opacity=0); } .history-box-sec:hover .history-date > h3 { opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .history-box-sec:hover .history-date > i { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .history-box > h4 { color: #000000; float: left; font-family: Open Sans; font-size: 15px; letter-spacing: 0.3px; margin-top: 38px; position: relative; text-align: center; text-transform: uppercase; width: 100%; } .history-box > p { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.1px; line-height: 24px; margin: 0 0 5px; padding: 0 20px; position: relative; text-align: center; width: 100%; } .history-box-sec > a { background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #CECECE; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: table; float: none; height: 80px; margin: 0 auto; position: relative; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 80px; z-index: 2147483647; } .history-box-sec > a > i { color: #000000; float: left; font-size: 22px; line-height: 68px; text-align: center; width: 100%; } #content_1 .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 #B6B4B5; } #content_1 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0; } #content_1 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 10px; margin: 3px auto; width: 100%; } /* Gallery 1 */ .gallery { float: left; /* margin-top: 40px;*/ width: 100%; } .gallery-sec { float: left; margin-top: -40px; width: 100%; } .gallery-hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; position: relative; width: 100%; } .gallery-hover:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: -50%; position: absolute; top: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50%; } .gallery-hover:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); content: ""; height: 100%; right: -50%; position: absolute; top: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50%; } .gallery-hover > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .gallery:hover .gallery-hover:before { left: 50%; } .gallery:hover .gallery-hover:after { right:50%; } .gallery:hover .gallery-hover > a { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100); } .gallery-hover > a { color: #FFFFFF; font-size: 30px; left: 50%; margin-left: -15px; margin-top: -22px; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); -webkit-transition: all 0.5s ease 0.1s; -moz-transition: all 0.5s ease 0.1s; -ms-transition: all 0.5s ease 0.1s; -o-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; z-index: 9999; } .gallery > h2 { color: #000000; float: left; font-family: Open Sans; font-size: 15px; letter-spacing: 0.3px; line-height: 23px; margin: 15px 0; width: 100%; } .gallery > ul { float: left; margin: 0; padding: 0; width: 100%; } .gallery > ul > li { float: left; list-style: none outside none; margin-right: 5px; } .gallery > ul > li > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; color: #ffffff; float: left; font-family: open sans; font-size: 11px; letter-spacing: 0.3px; line-height: 10px; padding: 7px 10px; } .gallery > ul > li > a > i { font-size: 13px; margin-right: 5px; } /* Job Map */ .job-map { float: left; margin-bottom: 70px; width: 100%; } .job-map > p { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: -10px 0 30px; width: 100%; } .job-map > iframe { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 300px; width: 100%; } /* Job Description */ .job-desc { float: left; margin-bottom: 70px; width: 100%; } .job-desc > .w-top-faq { border: medium none; padding: 0; } .job-desc > .w-top-faq > ul > li { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 15px 0; } /* Job Skills */ .job-skills-sec { float: left; width: 100%; } .job-skills { float: left; margin: 0; padding: 0; width: 100%; } .job-skills > li { float: left; list-style: none outside none; margin-bottom: 20px; width: 100%; } .job-skills > li:last-child { margin: 0; } .job-skills > li > i { color: #000000; float: left; font-size: 18px; line-height: 30px; margin-bottom: 12px; margin-right: 20px; } .job-skills > li > p { color: #000000; display: block; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; } .job-skills-sec > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin-top: 30px; padding: 15px 20px; } /* Project */ .project { float: left; width: 100%; } .project img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .project-info-box { border: 1px solid #e8ecec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-bottom: 19px; overflow: hidden; width: 100%; } .project-info-box > span { float: left; line-height: 10px; padding: 22px 15px; width: 50%; } .project-info-box > span.dark { background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #E8ECEC; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; color: #000000; font-family: Open Sans; font-size: 15px; } .project-info-box > span.dark > i { margin-right: 5px; font-size:16px; } .project-info-box > span.light { background: none repeat scroll 0 0 #F9F9F9; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset; color: #000000; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 17px; } .countdown-project { background: none repeat scroll 0 0 #F5F5F5; float: right; padding: 14px 0 28px 7px; width: 50%; } .countdown-project > span { color: #525252; float: left; font-family: open sans; font-size: 25px; font-weight: 600; line-height: 19px; margin: 0 10px; position: relative; } .countdown-project > span:before { color: #525252; content: ""; font-family: open sans; font-size: 11px; font-weight: 500; left: 0; letter-spacing: 0.3px; position: absolute; text-align: center; text-transform: uppercase; top: 20px; width: 100%; } .countdown-project > span.hours:before { content: "Days"; } .countdown-project > span.minutes:before { content: "Mint"; } .countdown-project > span.seconds:before { content: "Sec"; } .project p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin-bottom: 0; margin-top: 25px; width: 100%; } /* Price Table */ .price-table-sec { float: left; width: 100%; } .price-table-sec > ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin: 0; padding: 0; width: 100%; } .price-table-sec > ul > li { float: left; list-style: none outside none; width: 100%; } .price-table-sec > ul > li.price-head { background: none repeat scroll 0 0 padding-box content-box #8B8998; border: 10px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: table; float: none; height: 190px; margin: 0 auto -95px; position: relative; width: 190px; z-index: 9; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .price-head > h2 { color: #F5F5F5; float: left; font-family: open sans; font-size: 60px; font-weight: bold; letter-spacing: 0.3px; margin: 0; padding: 38px 0 0; text-align: center; width: 100%; } .price-head > h2 > i { font-family: noto sans; font-size: 30px; font-style: normal; font-weight: normal; } .price-head > i { color: #F5F5F5; float: left; font-family: open sans; font-size: 18px; font-style: normal; font-weight: 600; letter-spacing: 0.3px; line-height: 14px; text-align: center; width: 100%; } .price-category > h3 { background: none repeat scroll 0 0 #353342; color: #FFFFFF; float: left; font-family: open sans; font-size: 30px; font-weight: bold; letter-spacing: 0.3px; line-height: 24px; margin: 0; padding: 130px 0 25px; text-align: center; text-transform: uppercase; width: 100%; } .price-features > i { border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; font-size: 19px; height: 45px; line-height: 45px; margin-right: 20px; text-align: center; width: 45px; } .price-features > p { color: #F5F5F5; display: block; font-family: noto sans; font-size: 15px; letter-spacing: 0.3px; line-height: 12px; margin: 0; text-align: center; } .price-features { background: none repeat scroll 0 0 #353342; border-top: 1px solid rgba(255, 255, 255, 0.1); margin: 0; padding: 25px 0; } .price-table-sec .sign-up > a { background: none repeat scroll 0 0 #414554; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color: #FFFFFF; display: table; float: none; font-family: Noto Sans; font-size: 20px; font-weight: bold; letter-spacing: 0.3px; line-height: 10px; margin: 0 auto; padding: 25px; text-align: center; text-transform: uppercase; width: 100%; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } /* Single History */ .single-history-sec { float: left; width: 100%; } .single-history-sec > span { float: left; width: 100%; } .single-history-sec > span > i { border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: Noto Sans; font-size: 30px; font-style: normal; font-weight: bold; margin-bottom: 30px; padding: 5px 20px; } .single-history-sec > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-right: 30px; } .single-history-sec > h3 { color: #000000; display: block; font-family: Open Sans; font-size: 15px; font-weight: lighter; letter-spacing: 0.3px; margin: 0 0 15px; text-transform: uppercase; } .single-history-sec > p { color: #000000; display: block; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; } .single-history-sec > p > i { font-size: 28px; font-style: normal; } #history-map iframe { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 300px; width: 100%; } /* Contact Sec */ .leave-reply { float: left; margin-top: 30px; width: 100%; } .leave-reply > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0 0 30px; width: 100%; } #contact { float: left; width: 100%; } .contact-sec { float: left; width: 100%; } .contact-sec > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: -10px 0 0; width: 100%; } .contact-sec > span { color: #000000; float: left; font-family: Noto Sans; font-size: 12px; letter-spacing: 0.3px; line-height: 27px; margin-bottom: 40px; margin-right: 30px; margin-top: 40px; } .contact-sec > span > i { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; font-size: 15px; height: 28px; line-height: 28px; margin-right: 10px; text-align: center; width: 28px; } .contact-sec > iframe { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 400px; width: 100%; margin-bottom:40px; } #contact span.required{ font-size: 13px; color: #37BCCD ; } /* Select the colour of the * if the field is required. */ #message { float: left; margin: 10px 0; width: 100%; } .error_message { background: url("../assets/error.gif") no-repeat scroll 10px center #FBE3E4; border: 1px solid #FBC2C4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #8A1F11; display: block; float: left; height: 43px; line-height: 22px; padding: 9px 42px; width: 100%; } .loader { padding: 0 10px; } #contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; } acronym { border-bottom:1px dotted #ccc; } /* Event Sec */ #event-count-sec { float: left; margin-top: -30px; width: 100%; } .event-count { float: left; margin-top: 30px; overflow: hidden; position: relative; width: 100%; } .event-count > div { float: left; position: relative; width: 100%; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom:25px; } .event-count > div:before { position: absolute; left: 0; bottom: 0; width: 100%; content: ""; height: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; bottom: -80%; } .event-count:hover > div:before { bottom: 0; } .event-count > div > h3 { bottom: 0; color: #FFFFFF; font-family: Noto Sans; font-size: 15px; left: 0; letter-spacing: 0.3px; line-height: 28px; margin: 0; padding: 10px 30px; position: absolute; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .event-count > div > a { background: none repeat scroll 0 0 rgba(248, 248, 248, 0.1); border: 1px solid rgba(248, 248, 248, 0.9); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #FAFAFA; height: 38px; left: 50%; line-height: 37px; margin-left: -19px; margin-top: -19px; position: absolute; text-align: center; top: 50%; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; width: 38px; z-index: 1222; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity:0; filter:alpha(opacity=0); } .event-count > div > a:hover { background: #fafafa; } .event-count:hover > div > a { margin-top: 0; opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .event-count:hover > div > h3 { bottom: 50%; } .event-count > div > h3 > a{ color: #FFFFFF; } .event-count > div > img { float: left; width: 100%; } .event-count > ul { float: left; margin-bottom: 22px; padding: 0; width: 100%; } .event-count ul > li { border: 1px solid #E8E6E6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; list-style: none outside none; margin-right: 10px; padding: 15px; width: 20%; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; } .event-count ul > li > span { float: left; font-family: open sans; font-size: 22px; text-align: center; width: 100%; letter-spacing: 0.30px; color:#000000; } .event-count ul > li > p { color: #777; font-family: open sans; font-size: 11px; margin: 0; text-align: center; text-transform: uppercase; } .event-count ul > li:last-child { margin: 0; } .event-count > span { color: #7A7A7A; float: left; font-family: open sans; font-size: 12px; font-weight: 500; letter-spacing: 0.3px; line-height: 12px; margin-bottom: 0; text-transform: uppercase; width: 50%; } .event-count > span > i { float: left; font-size: 14px; margin-right: 10px; } .event-count > p { float: left; width: 100%; font-family: Noto Sans; font-size: 13px; color: #888; line-height: 24px; margin: 0; margin-top: 10px; } .seconds_ref { width: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: 100%; } .event-count > p > i { margin-right: 15px; } .event-count > h3 { float: left; font-family: Open Sans; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; line-height: 22px; margin: 0; width: 100%; margin-bottom: 18px; } .event-count.with-aside > ul > li > span { font-size: 15px; } .event-count.with-aside > ul > li { margin-right: 5%; padding: 4px 5px; width: 21%; } .event-count.with-aside > ul > li:last-child { margin: 0; } .event-count ul > li > p { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } /* Buy a Ticket */ .buy-a-ticket > a{ border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: none; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin: 0 auto; padding: 15px 17px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; display:table; } .buy-a-ticket { float: left; width: 100%; } .buy-a-ticket > h3 { text-align: center; } .buy-a-ticket > p { text-align: center; margin-bottom:20px; } .buy-a-ticket > a:hover { background: none repeat scroll 0 0 #FAFAFA; border-color: #FAFAFA; color: #333333; } /* Promotional Video */ .promote-video { float: left; width: 100%; } .promote-video object { float: left; } .promote-video object embed { float: left; height: 315px; width: 100%; } .promote-video h3 { color: #000000; float: left; font-family: Open Sans; font-size: 17px; font-weight: normal; letter-spacing: 0.3px; line-height: 32px; margin: 12px 0 9px; width: 100%; } .promote-video p { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0 0 20px; width: 100%; } .promote-video > .row > div > span { float: left; font-family: open sans; font-size: 11px; letter-spacing: 0.3px; margin-right: 30px; text-transform: uppercase; } .promote-video > .row > div > span > i { margin-right: 10px; } /* Event Single */ .event-single { float: left; width: 100%; } .event-single .post-social { float: right; margin: 0; padding: 0; width: auto; } .event-single-img { float: left; position: relative; width: 100%; } .event-single-img > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .event-single-img > .event-count { bottom: 0; left: 50%; margin-left: -25%; position: absolute; width: 50%; } .event-single-img > .event-count > ul > li { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); } .event-single > h2 { color: #000000; float: left; font-family: Open Sans; font-size: 15px; font-weight: lighter; letter-spacing: 0.3px; line-height: 25px; margin: 20px 0; width: 100%; } .event-single > ul { float: left; margin: 0 30px 0 0; padding: 0; } .event-single > ul > li { display: block; font-family: open sans; font-size: 12px; font-weight: 500; letter-spacing: 0.3px; list-style: none outside none; margin-bottom: 10px; text-transform: uppercase; } .event-single > p { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 7px 0 15px; width: 100%; } .event-single > ul > li > i { font-size: 15px; margin-right: 10px; text-align: center; width: 20px; } /* Error Page */ .error-sec { padding-bottom: 0; } .error-page { float: left; padding-bottom: 130px; position: relative; width: 100%; } .error-page > .error-footer { bottom: 0; content: ""; height: 130px; left: 0; position: absolute; width: 100%; } .error-page > .error-footer:before { background-image: url("../images/circle.png"); background-repeat: repeat-x; content: ""; height: 8px; left: 0; position: absolute; top: 0; width: 100%; } .error-page > h1 { display: table; float: none; margin: 0 auto 40px; width: auto; } .error-page > h2 { color: #000000; float: left; font-family: Open Sans; font-size: 30px; letter-spacing: 0.3px; line-height: 27px; margin: 0 0 25px; text-align: center; text-transform: uppercase; width: 100%; } .error-page > h3 { color: #000000; float: left; font-family: Noto Sans; font-size: 17px; letter-spacing: 0.3px; line-height: 16px; margin: 0 0 60px; text-align: center; width: 100%; } .error-page > form { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset; display: table; float: none; margin-bottom: 0; margin-left: auto; margin-right: auto; } .error-page > form > input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #000000; float: left; font-family: open sans; font-size: 13px; height: 35px; padding: 0 14px; width: 300px; } .error-page > form > i { color: #BEBEBE; float: right; font-size: 16px; padding: 8px 12px; } .error-page > ul { display: table; float: none; margin: 30px auto 70px; padding: 0; } .error-page > ul > li { float: left; list-style: none outside none; margin: 0 15px; } .error-page > ul > li > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; padding: 15px 20px; } /* Signup Form */ .register-sec { background-image: url("../images/resource/signup-bg.jpg"); background-size: 100% 100%; } .register-form { background: none repeat scroll 0 0 rgba(247, 247, 247, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; position: relative; width: 100%; padding:25px; } .register-form:before { background-image: url("../images/shadow2.png"); background-repeat: no-repeat; background-size: 100% auto; bottom: -24px; content: ""; height: 24px; left: 0; position: absolute; width: 100%; } .register-form h3 { color: #000000; float: left; font-family: open sans; font-size: 18px; font-weight: normal; letter-spacing: 0.3px; line-height: 18px; margin: 0 0 25px; text-align: center; text-transform: uppercase; width: 100%; } .register-form > .row > div > form { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); border: 1px solid #C8C8C8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 50px; margin-bottom: 20px; padding: 0 20px; } .register-form > .row > div > form > i { color: #ABABAB; float: left; font-size: 15px; line-height: 48px; margin-right: 20px; } .register-form > .row > div > form > input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #000000; float: left; font-family: open sans; font-size: 14px; height: 46px; letter-spacing: 0.3px; width: 80%; } .register-form > .row > div > p { float: left; margin: 0 0 10px; width: 100%; } .register-form > .row > div > p > label { color: #8B8B8B; float: left; font-family: open sans; font-size: 13px; font-weight: normal; letter-spacing: 0.3px; margin: 1px 0 0 15px; } .submit-form { background-color: rgba(247, 247, 247, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; padding: 15px; width: 100%; } .submit-form > input { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; display: table; float: none; font-family: open sans; font-size: 15px; letter-spacing: 0.3px; margin: 0 auto; padding: 10px 90px; } .submit-form > p { color: #8B8B8B; display: table; float: none; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; margin: 15px auto 0; text-align: center; width: 70%; } .submit-form > p > i { font-style: normal; } /* Widget Employe Of The Month 2 */ #w-employe-month2 { border: 1px solid #E4E4E4; float: left; overflow: hidden; padding: 15px; position: relative; width: 100%; } #w-employe-month2 .owl-controls { float: left; width: 100%; z-index: 999; } #w-employe-month2 .owl-pagination { float: right; z-index: 99999996; } #w-employe-month2 .owl-page { background: none repeat scroll 0 0 #B1B1B1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 4px; margin-right: 10px; opacity: 1; filter:alpha(opacity=100); position: relative; width: 6px; z-index: 2147483647; } .w-employe-month2 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; position: relative; width: 100%; } .w-employe-skills { float: left; width: 100%; } .w-employe-skills > span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-right: 5%; overflow: hidden; width: 45%; } .w-employe-skills > span img { float: left; width: 100%; } .w-employe-skills .progress { background: none repeat scroll 0 0 #A7A7A7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; -ms-box-shadow: 0 0; -o-box-shadow: 0 0; box-shadow: 0 0; float: right; height: 8px; margin-bottom: 13px; width: 50%; } .w-employe-skills .progress .progress-bar { float: left; } .w-employe-month2 > h3 { color: #000000; float: left; font-family: open sans; font-size: 17px; line-height: 13px; margin: 10px 0 20px; width: 100%; } .w-employe-month2 > h3 i { font-style: normal; font-weight: 600; } .w-employe-month2 > p { color: #404040; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 22px; margin: 0 0 15px; text-align: left; width: 100%; } .w-employe-skills > p { color: #000000; float: left; font-family: open sans; font-size: 13px; line-height: 9px; margin: 0 0 8px; width: 50%; } /* Widget News Letter */ .w-news-letter { border: 1px solid #E8ECEC; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; float: left; padding: 15px; width: 100%; } .w-news-letter > h3 { color: #000000; float: left; font-family: open sans; font-size: 17px; font-weight: normal; letter-spacing: 0.3px; line-height: 19px; margin: 0 0 30px; width: 100%; } .w-news-letter form { float: left; width: 100%; } .w-news-letter form > input { background: none repeat scroll 0 0 #F4F3F3; border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000000; float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; margin-bottom: 15px; padding: 15px 10px 15px 30px; text-transform: uppercase; width: 100%; } .w-news-letter form .submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: left; font-family: noto sans; font-size: 13px; font-weight: normal; margin: 0; padding: 7px 19px; width: auto; } .w-news-letter form > p { margin-bottom: 10px; } input.w-news-letter[type="checkbox"] { position: absolute; left: -9999px; } input.w-news-letter[type="checkbox"] + label { color: #000000; cursor: pointer; font-family: Noto Sans; font-size: 13px; font-weight: normal; letter-spacing: 0.3px; line-height: 27px; padding-left: 50px; position: relative; } input.w-news-letter[type="checkbox"] + label:before { background: none repeat scroll 0 0 #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ""; height: 25px; left: 0; position: absolute; top: 0; width: 26px; } input.w-news-letter[type="checkbox"] + label:after { color: #5C5A5A; font-size: 14px; left: 8px; position: absolute; top: -2px; } input.w-news-letter[type="checkbox"]:checked + label:after { content: '✔'; } input.w-news-letter[type="checkbox"]:disabled + label:before { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-color: #bbb; background-color: #ddd; } input.w-news-letter[type="checkbox"]:disabled:checked + label:after { color: #999; } input.w-news-letter[type="checkbox"]:disabled + label { color: #aaa; } /* Widget Our Ceo */ .w-ceo { float: left; width: 100%; } .w-ceo > img { border: 3px solid #E7E4E3; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; display: table; float: none; margin: 0 auto; } .w-ceo > h5 { float: left; font-family: Raleway; font-size: 15px; font-weight: 600; letter-spacing: 0.3px; line-height: 12px; margin: 25px 0; padding: 0 10px; text-align: center; width: 100%; } .w-ceo > p { border-bottom: 2px solid #DFDFDF; color: #404040; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.1px; line-height: 25px; padding-bottom: 25px; position: relative; text-align: center; width: 100%; } .w-ceo > p:before { background-image: url("../images/ceo-coma.png"); content: ""; height: 80px; position: absolute; right: -1px; top: -30px; width: 67px; } /* Features Parallax */ #features-parallax img { float: left; margin-bottom: -80px; } .features-parallex { float: left; width: 100%; padding: 0; margin: 30px 0 0; } .features-parallex > li { float: left; list-style: none outside none; margin-bottom: 29px; width: 100%; position: relative; } .features-parallex > li:before { position: absolute; left: 2px; top: 32px; width: 0%; height: 1px; content: ""; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .features-parallex > li:hover:before { width: 100%; -webkit-transition: all 0.4s ease 0.4s; -moz-transition: all 0.4s ease 0.4s; -ms-transition: all 0.4s ease 0.4s; -o-transition: all 0.4s ease 0.4s; transition: all 0.4s ease 0.4s; opacity: 1; filter:alpha(opacity=100); } .features-parallex > li:last-child { margin: 0; } .features-parallex > li > span { border: 1px solid #848c91; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #F0F0F0; float: left; font-size: 30px; height: 83px; line-height: 83px; margin-right: 20px; text-align: center; width: 83px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-shadow: 3px 0 2px rgba(0, 0, 0, 0.16); } .features-parallex > li:hover span { color: #FFFFFF; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); background: rgba(255,255,255,0.96); border-color:rgba(255,255,255,0.96); } .features-parallex > li > h3 { color: #FFFFFF; display: block; font-family: open sans; font-size: 16px; font-weight: 600; letter-spacing: 0.3px; line-height: 25px; margin: 8px 0 5px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; text-transform: uppercase; } .features-parallex > li > p { color: #bcbbbb; display: block; font-family: Noto sans; font-size: 14px; letter-spacing: 0.3px; margin: 0; line-height: 24px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .features-parallex > li:hover > h3 { margin-top: 0; } .features-parallex > li:hover > p { margin-top: 13px; margin-bottom: 0; } /* Video Parallax */ .video-paralax { float: left; width: 100%; margin-top: 30px; } .video-paralax > a { border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; margin-top: 20px; padding: 15px 17px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .video-paralax > a:hover { background: #fafafa; border-color: #fafafa; color: #333; } .video-frame { float: left; position: relative; width: 100%; } .video-frame:before { background-image: url("../images/shadow2.png"); background-repeat: no-repeat; background-size: 100% 100%; bottom: -17px; content: ""; height: 17px; left: 0; position: absolute; width: 100%; } .video-frame > iframe { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; height:321px; border: none; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { outline:none; } /* Shop Category Sec */ .shop-categories-sec { float: left; width: 100%; margin-top: -30px; } .shop-ctgry-box { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-top: 30px; overflow: hidden; width: 100%; border: 1px solid #e8ecec; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; } .shop-ctgry-box > div { float: left; overflow: hidden; position: relative; width: 100%; } .shop-ctgry-box:hover > div > img { -webkit-transform: scale(1.2) rotate(10deg); -moz-transform: scale(1.2) rotate(10deg); -ms-transform: scale(1.2) rotate(10deg); -o-transform: scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg); } .shop-ctgry-box > div > img { float: left; width: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 0; } .shop-ctgry-box > div:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; -webkit-transform: scale(0) rotate(90deg); -moz-transform: scale(0) rotate(90deg); -ms-transform: scale(0) rotate(90deg); -o-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 2; } .shop-ctgry-box:hover > div:before { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .shop-ctgry-box > div > a { border: 1px solid rgba(255, 255, 255, 0.3); color: #FFFFFF; font-family: open sans; font-size: 13px; left: 50%; letter-spacing: 0.3px; line-height: 10px; margin-left: -45px; margin-top: -12px; opacity: 0; filter:alpha(opacity=0); padding: 12px 15px; position: absolute; top: 50%; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 3; } .shop-ctgry-box:hover > div > a { opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .shop-ctgry-box > ul { margin: 0; padding: 0; padding: 20px; float: left; } .shop-ctgry-box > ul > li { float: left; list-style: none outside none; width: 100%; margin-bottom: 12px; } .shop-ctgry-box > ul > li:last-child { margin: 0; } .shop-ctgry-box > ul > li > span { color: #000000; float: left; font-family: Noto Sans; font-size: 16px; letter-spacing: 0.3px; line-height: 40px; text-transform: uppercase; } .shop-ctgry-box > ul > li > span > i { font-style: normal; } .shop-ctgry-box > ul > li > i { float: left; height: 40px; width: 40px; text-align: center; color: #fff; text-align: center; line-height: 39px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-right: 15px; font-size: 18px; background:none repeat scroll 0 0 #495060; } /* SHop Offer */ .shop-offer-sec { float: left; width: 100%; } .shop-offer-sec > span { border: 5px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; margin-right: 40px; overflow: hidden; } .shop-offer-sec > span > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .shop-offer-sec > p { color: #F0EFEF; display: block; font-family: open sans; font-size: 25px; font-weight: lighter; letter-spacing: 0.3px; line-height: 40px; margin: 30px 0; text-align: center; } .shop-offer-sec > p > i { font-style: normal; font-weight: bold; } .shop-offer-sec > a { display: table; float: none; margin: 0 auto; font-family: open sans; font-size: 14px; font-weight: 600; color: #F0EFEF; line-height: 11px; letter-spacing: 0.30px; padding: 14px 15px; border: 1px solid #F0EFEF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } /* Our Products */ #our-products { float: left; width: 100%; margin-top: -30px; position: relative; } .our-product-box { float: left; width: 100%; margin-top: 30px; } .our-product-box > span { float: left; margin-bottom: 5px; width: 100%; } .our-product-box > span > img { float: left; width: 100%; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .our-product-box > h3 { float: left; font-family: open sans; font-size: 15px; letter-spacing: 0.3px; line-height: 25px; margin: 0; color: #000000; } .our-product-box > h3 > a { color: #000000; } .our-product-box > span { color: #000000; float: left; font-family: open sans; font-size: 24px; font-weight: normal; letter-spacing: 0.3px; line-height: 38px; margin-bottom: 5px; width: 100%; } .our-product-box > span > i { color: #BABABA; float: left; font-size: 14px; font-style: normal; font-weight: normal; margin-right: 20px; text-decoration: line-through; } .our-product-box > a { border: 1px solid #9ea1a2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #999999; float: left; font-family: open sans; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; line-height: 10px; padding: 11px 10px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background: #9ea1a2; font-family: open sans; font-size: 13px; color: #fff; } .our-product-box > a:hover{ color:#fff; } .our-product-box > ul { float: right; margin: 0; padding: 0; margin-top: 7px; } .our-product-box > ul > li { float: left; list-style: none outside none; margin-left: 3px; } .our-product-box > ul > li > i { color: #ADADAD; } /* Shop Brands */ #shop-brands { float: left; width: 100%; } .shop-brands { float: left; width: 100%; background: #fdfdfd; border: 1px solid #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .shop-brands:hover > img { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } .shop-brands > img { display: table; margin: 0 auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* Our Cases Sec */ #our-cases-sec { float: left; width: 100%; } .our-cases-sec { float: left; margin-top: -30px; width: 100%; } .our-cases-box { float: left; margin-top: 30px; width: 100%; } .our-cases-box > span { float: left; margin-right: 20px; } .our-cases-box > span > img { border: 1px solid #BBBBBB; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .our-cases-box > h3 { display: block; font-family: Open Sans; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; margin: 5px 0; line-height: 28px; margin: 0; } .our-cases-box > h3 > a { color: #434242; } .our-cases-box > p { color: #000000; display: block; font-family: Noto Sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; } .our-cases-box > a:hover { color: #FFFFFF; } .our-cases-box > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; float: left; font-family: open sans; font-size: 11px; font-weight: 500; letter-spacing: 0.3px; line-height: 10px; padding: 7px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset; margin-top:11px; } /* Awards */ #awards-sec { float: left; width: 100%; } #awards-sec > h2 { border-bottom: 4px solid #E7E7E7; color: #434242; display: table; float: none; font-family: open sans; font-size: 25px; font-weight: bold; line-height: 16px; margin: 0 auto; padding: 0 15px 15px; text-transform: uppercase; } .award-timeline { float: left; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 70px 0 0; position: relative; width: 100%; } .award-timeline > .left > .award-timeline-box { margin-bottom: 60px; } .award-timeline-box > iframe { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; border: medium none; height:307px; } .award-timeline-box:hover { -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); box-shadow: 0 0 9px rgba(0, 0, 0, 0.07); } .award-timeline:before { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e8e8e8; content: ""; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -1px; width: 4px; } .award-timeline-box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E8E8E8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; padding: 15px; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 100%; } .award-timeline .award-timeline-box:before { background: none repeat scroll 0 0 #E8E8E8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 18px; margin-right: -24.5px; position: absolute; right: 0; top: 30px; width: 18px; z-index: 0; } .award-timeline .award-timeline-box:after { background: none repeat scroll 0 0 #E8E8E8; content: ""; height: 4px; margin-right: -10px; position: absolute; right: 0; top: 37px; width: 80%; z-index: -1; } .award-timeline > .right > .award-timeline-box:before { left: 0; margin-left: -23.5px; } .award-timeline > .right > .award-timeline-box:after { left: 0; margin-left: -10px; } .award-timeline > .right > .award-timeline-box { margin-top: 60px; } .award-timeline-box > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } .award-timeline-box > p { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 24px; margin: 0; width: 100%; } .award-timeline-box > h3 { float: left; font-family: Open Sans; font-size: 15px; font-weight: lighter; letter-spacing: 0.3px; line-height: 13px; margin: 25px 0 15px; text-transform: uppercase; width: 100%; } .award-timeline-box > h3 > a { color:#666; } #timeline-slide1 { float: left; margin: 0; padding: 0; width: 100%; } #timeline-slide1 li { float: left; list-style: none outside none; width: 100%; } #timeline-slide1 li > img { float: left; width: 100%; } #timeline-slide1 .owl-pagination { left: 50%; position: absolute; bottom: 20px; margin-left: -25px; } #timeline-slide1 .owl-pagination .owl-page { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; height: 5px; margin: 0 4px; width: 10px; } #timeline-slide1 .owl-pagination .owl-page.active{ background:#fff; } .award-timeline-box > span { float: left; width: 33.3333%; } .award-timeline-box > span > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; padding: 4px; width: 100%; } /* Job Form Sec */ .customlist > select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset; -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset; -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset; color: #AFAFAF; float: left; font-family: open sans; font-size: 13px; height: 40px; overflow: hidden; padding: 8px 14px; width: 100%; } .customlist { float: left; margin-bottom: 30px; position: relative; width: 100%; } .customlist:before { background: none repeat scroll 0 0 #E0E0E0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ""; height: 40px; position: absolute; right: 0; top: 0; width: 40px; z-index: 5; } .customlist:after { color: #FFFFFF; content: "ïƒ‌"; font-family: fontawesome; font-size: 20px; height: 40px; line-height: 33px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; z-index: 9; } .job-form-sec form > label { float: left; font-family: Noto Sans; font-size: 15px; font-weight: lighter; margin: 0 0 20px; width: 100%; } .job-form-sec form > label > i { margin-right: 15px; } .job-form-sec form { float: left; width: 100%; } .job-form-sec form > p { float: left; margin: 0 0 30px; width: 100%; } .job-form-sec form > p > label { float: left; margin: 0; } .job-form-sec form > p > label { color: #000000; float: left; font-family: Noto Sans; font-size: 13px; font-weight: 500; letter-spacing: 0.3px; margin: 1px 0 0 10px; } .form-margin > p { color: #000000; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 23px; margin: 0 0 20px; width: 100%; } .product-table { border: 1px solid #E0E0E0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02); -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02); -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02); float: left; margin: 0 0 30px; padding: 0; width: 100%; } .product-table > li { background: none repeat scroll 0 0 #FCFCFC; border-bottom: 1px solid #E0E0E0; border-top: 1px solid rgba(255, 255, 255, 0.8); float: left; list-style: none outside none; width: 100%; } .product-table > li > h2 { color: #FFFFFF; float: left; font-family: open sans; font-size: 18px; font-weight: bold; letter-spacing: 0.3px; line-height: 13px; margin: 0; padding: 20px; text-transform: uppercase; width: 50%; } .product-table > li > span { color: #5B5B5B; float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; padding: 13px 20px; width: 50%; } .product-table > li > i { color: #5B5B5B; float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; padding: 13px 20px; width: 50%; font-style:normal; } .product-table > li > span > i { color: #999999; float: left; font-style: normal; } .product-table > li:first-child { border: medium none; } /* Css Swither main styles */ .checkbox, .radio { background: url("../images/checkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); clear: left; display: block; float: left; height: 25px; margin: 0; padding: 0 5px 0 0; width: 19px; } .radio { background: url('../images/radio.png') no-repeat; } .select { position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(select.html) no-repeat; overflow: hidden; } input.upload-file { border: medium none; font-family: open sans; font-size: 14px; } .job-form-sec > a { color: #FFFFFF; float: right; } .job-form-sec > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: right; font-family: open sans; font-size: 14px; letter-spacing: 0.3px; line-height: 10px; padding: 15px 25px; } .job-form-sec > a > i { margin-right: 13px; } /* Coming Soon */ .comming-soon-slider .tp-banner-container { height: 100%; } .time_circles { position: relative; width: 100%; height: 100%; } .time_circles > div { height: 122px; position: absolute; text-align: center; top: 18% !important; } .time_circles > div > h4 { bottom: 36px; font-family: roboto; font-size: 14px; font-weight: 300; left: 50%; margin: 0 0 0 -25%; position: absolute; text-align: center; text-transform: uppercase; width: 50%; z-index: 1; -webkit-border-radius: 0 0 50% 50%; -moz-border-radius: 0 0 50% 50%; -ms-border-radius: 0 0 50% 50%; -o-border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%; } .time_circles > div > span { background:url("../images/timer-bg.png") no-repeat scroll -11px -9px rgba(0, 0, 0, 0); color: #494949; display: block; font-family: roboto; font-size: 300%; font-weight: bold; height: 100%; left: 50% !important; margin-left: -30%; margin-top: 3px; padding:35px 0 0; position: absolute; text-align: center; width: 60%; z-index: 0; } .comming-soon-slider #layerslider{ height:100%; position:absolute; } .comming-soon-slider { width:100%; position: absolute; left: 0; top: 0; z-index: -10000; } .comming-soon-page h1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57); border-bottom: 1px solid #ACB0B6; border-top: 1px solid #ACB0B6; color: #FFFFFF; display: table; font-family: open sans; font-size: 60px; font-weight: 300; margin: 50px auto; padding: 30px 60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-animation: flash 5s infinite; -moz-animation: flash 5s infinite; -ms-animation: flash 5s infinite; -o-animation: flash 5s infinite; animation: flash 5s infinite; } .comming-soon-page h2 { color: #FFFFFF; display: table; font-family: roboto; font-size: 30px; font-weight: 300; letter-spacing: 1px; margin: 0 auto 50px; text-transform: uppercase; -webkit-animation: bounce 3s; -moz-animation: bounce 3s; -ms-animation: bounce 3s; -o-animation: bounce 3s; animation: bounce 3s ; } .comming-soon-page h2 strong { color:#fff; } .someTimer { display: table; margin: 0 auto; width: 799px; height: 200px; } .timer { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57); border-bottom: 1px solid #ACB0B6; border-top: 1px solid #ACB0B6; } .comming-soon-page h3 { color: #FFFFFF; display: table; font-family: open sans; font-size: 18px; font-weight: 700; margin: 40px auto 20px; } .comming-soon-page p { color: #FFFFFF; display: table; font-family: open sans; font-size: 16px; font-weight: 400; margin:0 auto 30px; } .comming-soon-page form { display: table; margin: 0 auto 100px; } .comming-soon-page form input[type="text"] { border: 0 none; color: #848484; float: left; font-family: open sans; font-size: 13px; font-style: italic; padding: 8px 15px; width: 325px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px #9A9A9A inset; -moz-box-shadow: 0 1px 3px #9A9A9A inset; -ms-box-shadow: 0 1px 3px #9A9A9A inset; -o-box-shadow: 0 1px 3px #9A9A9A inset; box-shadow: 0 1px 3px #9A9A9A inset; } .comming-soon-page form input[type="submit"] { background: none repeat scroll 0 0 #58ca12; border: 0 none; color: #FFFFFF; float: left; font-family: roboto; font-size: 18px; font-weight: 400; height: 34px; margin-left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .comming-soon-page .bottom-strip-simple p { font-size: 13px; margin: 0 auto; } .bottom-contact-bar p { color:#939292; font-family: noto sans; font-size: 13px; line-height: 18px; margin-top: -5px; text-align: center; } .bottom-strip-simple { float: left; width: 100%; } .bottom-strip-simple .container { padding:0; } .bottom-strip-simple { background: none repeat scroll 0 0 #3B3B3B; color: #FFFFFF; float: left; font-family: noto sans; font-size: 13px; padding: 15px 0; text-align: center; width: 100%; } /* Footer */ footer { background: none repeat scroll 0 0 #004389; border-top: 1px solid #ABABAB; float: left; width: 100%; padding-bottom: 0 !important; /* margin-top: 20px;*/ } footer h3 { border-bottom: 1px solid #0174DF; color: #FFFFFF; float: left; font-family: open sans; font-size: 17px; font-weight: 600; letter-spacing: 0.3px; line-height: 14px; margin: 0; padding-bottom: 20px; position: relative; width: 100%; /*margin-bottom: 25px;*/ margin-bottom: 15px; } footer h3:before { /* background: none repeat scroll 0 0 #08088A;*/ bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 50%; } footer p { color: #ffffff; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.2px; line-height: 22px; margin: 0; text-align: left; width: 100%; } footer h3 > i { font-style: normal; font-weight: normal; } /* About Dastak */ .f-about-dastak { float: left; width: 100%; } .f-about-dastak > a { float: left; width: 100%; /*margin-bottom: 40px;*/ margin-bottom: 0px; } .f-about-dastak > form { float: left; /* margin-top: 40px;*/ margin-top: 11px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; border: 1px solid #0A396A; } .f-about-dastak > form > input { background: none repeat scroll 0 0 #0559B1; border: medium none; float: left; height: 40px; width: 80%; font-family: open sans; font-size: 11px; color: #ffffff; padding-left: 30px; letter-spacing: 0.30px; } .f-about-dastak > form > a { float: right; text-align: center; width: 20%; font-family: open sans; font-size: 13px; font-weight: 600; color: #ffffff; line-height: 10px; height: 40px; line-height: 38px; background: none repeat scroll 0 0 #689FD9; } /* Footer Testimonial */ .f-testimonail { float: left; width: 100%; } .f-testimonail > .nav-tabs { float: left; width: 30%; border:none; } .f-testimonail > .nav-tabs > li { float: left; width: 100%; background: none; border: none; } .f-testimonail > .nav-tabs > li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; float: left; /*margin: 0 0 20px;*/ margin: 0 0 5px; width: 100%; position: relative; } .f-testimonail > .nav-tabs > li:last-child { margin: 0; } .f-testimonail > .tab-content > div { border: 1px solid #3168A3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: right; margin: 0; padding:0; width: 100%; /*padding: 35px 21px;*/ padding: 19px 21px; } .f-testimonail .tab-content { background: none repeat scroll 0 0 #165292; float: right; padding: 0; position: relative; width: 60%; z-index: 0; } .f-testimonail > .nav-tabs > li > a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; float: left; margin: 0; padding: 0; width: 100%; border: 1px solid rgba(0,0,0,0.0); width: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 2px; } .f-testimonail > .nav-tabs > li.active a > img { border: 1px solid #000000; } .f-testimonail > .nav-tabs > li.active > a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; border: 1px solid #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; width: auto; padding: 2px; } .f-testimonail > .nav-tabs > li > a > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; border: 1px solid rgba(0,0,0,0.0); } .f-testimonial-box { float: left; width: 100%; } .f-testimonial-box > h4 { float: left; font-family: open sans; font-size: 14px; font-weight: normal; line-height: 10px; margin: 0; padding: 0; text-align: left; text-transform: uppercase; width: 100%; } .f-testimonial-box > h4 > i { color: #999999; float: left; font-family: open sans; font-size: 12px; font-style: normal; font-weight: lighter; letter-spacing: 0.3px; margin-top: 15px; text-align: left; width: 100%; } .f-testimonial-box > p { font-family: Noto Sans; font-size: 13px; line-height: 24px; text-align: left; padding: 0; margin-top:29px; float:left; width:100%; } /* Find our Office */ .f-find-office { float: left; width: 100%; } .f-testimonial-box > span > img, .f-find-office > span > img { float: left; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .f-find-office > ul > li:last-child { margin: 0; } .f-testimonial-box > span, .f-find-office > span { border: 1px solid #0658B0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: left; padding: 10px; text-align: center; width: 100%; margin-bottom: 20px; } .f-find-office > ul { float: left; margin: 0; padding: 0; width: 100%; } .f-find-office > ul > li { float: left; list-style: none outside none; width: 100%; margin-bottom: 15px; } .f-find-office > ul > li > i { color: #ffffff; float: left; font-size: 18px; line-height: 22px; margin-bottom: 8px; margin-right: 20px; text-align: center; width: 33px; } .f-find-office > ul > li > p { display: block; float: none; line-height: 10px; margin-bottom: 10px; text-align: left; font-family: open sans; font-size: 13px; color: #ffffff; line-height: 22px; margin: 0; } /* Subscribe uS */ .subscribe-sec { float: left; width: 100%; background: #f4f3f3; } .subscribe-sec .input-style { float: left; margin-left: -30px; width: 83%; height:58px; } .subscribe-sec > .container { padding: 0; } .subscribe-sec span#mail-bg { background-image: url("../images/mail.png"); background-repeat: no-repeat; float: left; height: 164px; width: 233px; margin-top: 35px; } .subscribe-sec form { float: left; margin-top: 50px; width: 100%; } .subscribe-sec form > label { color: #787878; float: left; font-family: open sans; font-size: 20px; font-weight: normal; letter-spacing: 0.3px; margin: 0; width: 100%; line-height: 18px; margin-bottom:20px; margin-left: -30px; } .subscribe-sec form > .submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #FFFFFF; float: right; font-family: open sans; font-size: 16px; font-weight: normal; height: 57px; text-shadow: 0 0; width: 17%; } /* Elements */ .experties-sec.style2 > .experties > h2 { border: 1px solid #e9e9e9; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .experties-sec.style2 .experties > h2 { background-position: 17px 21px; } .experties-sec.style2 > .experties > h2.active { background-position: 17px 25px; } .experties-sec.style2 > .experties > h2 > i { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #636363; font-family: fontawesome; font-size: 18px; height: auto; margin-right: 15px; width: auto; } /* Footer Recent Post */ .f-recent-office { float: left; width: 100%; } .f-recent-office > ul { padding: 0; margin: 0; float: left; width: 100%; } .f-recent-office > ul > li { float: left; list-style: none outside none; /*margin-bottom: 12px;*/ margin-bottom: 20px; overflow: hidden; width: 100%; } .f-recent-office > ul > li > span > img { float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .f-recent-office > ul > li > a > i { color: #888787; float: left; font-family: open sans; font-size: 10px; font-style: normal; letter-spacing: 0.3px; margin-top: 2px; } .f-recent-office > ul > li > span { float: left; margin-right: 20px; margin-bottom: 10px; } .f-recent-office > ul > li > a { color: #d3d2d2; display: block; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; margin: 6px; line-height: 14px; } .f-recent-office > ul > li > strong { font-style: normal; font-weight: normal; font-family: open sans; font-size: 12px; color: #d3d2d2; display: block; margin-top: 20px; } /* Footer Bottom line */ .bottom-line { background: #192847 none repeat scroll 0 0; border-top: 1px solid #000000; float: left; /* margin-top: 70px;*/ margin-top: 0px; width: 100%; padding: 15px 0; } .bottom-line span { color: #FFFFFF; float: left; font-family: Open Sans; font-size: 12px; letter-spacing: 0.3px; line-height: 20px; } .bottom-line span > i { font-style: normal; color: #9e9e9e; } .bottom-line ul { float: right; margin: 0; padding: 0; } .bottom-line ul > li { float: left; list-style: none outside none; margin-left: 10px; } .bottom-line ul > li > a { background: none repeat scroll 0 0 #28629f; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #DBDBDB; float: left; font-family: open sans; font-size: 11px; line-height: 10px; padding: 6px 10px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .choose-bg > li > a.bg1 { background-image: url("../images/bg1.jpg"); } .choose-bg > li > a.bg2 { background-image: url("../images/bg2.jpg"); } .choose-bg > li > a.bg3 { background-image: url("../images/bg3.jpg"); } .choose-bg > li > a.bg4 { background-image: url("../images/bg4.jpg"); } .choose-bg > li > a.bg5 { background-image: url("../images/bg5.jpg"); } .choose-bg > li > a.bg6 { background-image: url("../images/bg6.jpg"); } .choose-bg > li > a.bg7 { background-image: url("../images/bg7.jpg"); } .choose-bg > li > a.bg8 { background-image: url("../images/bg8.jpg"); } .choose-bg > li > a.bg9 { background-image: url("../images/bg9.jpg"); } .choose-bg > li > a.bg10 { background-image: url("../images/bg10.jpg"); } .bg1{ background: url('../images/bg1.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg2{ background: url('../images/bg2.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg3{ background: url('../images/bg3.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg4{ background: url('../images/bg4.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg5{ background: url('../images/bg5.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg6{ background: url('../images/bg6.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg7{ background: url('../images/bg7.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg8{ background: url('../images/bg8.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg9{ background: url('../images/bg9.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .bg10{ background: url('../images/bg10.jpg'); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; } .side-panel-sec { background: #fafafa; left: -280px; position: fixed; top: 167px; width: 280px; z-index: 9999999; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.14); -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.14); -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.14); box-shadow: 0px 0px 8px rgba(0,0,0,0.14); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .side-panel-sec:hover { left: 0; } .side-panel-sec > a { position: absolute; right: 0; top: 0; width: 50px; height: 50px; margin-right: -50px; background-color: #fafafa; background-image: url('../images/setting.png'); background-size: 30px; background-repeat: no-repeat; background-position: 9px 9px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } .side-panel { float: left; position: relative; width: 100%; } .color-schemes { float: left; width: 100%; } .color-schemes > h4 { float: left; width: 100%; text-align: center; font-family: Noto Sans; font-size: 14px; font-weight: lighter; text-transform: uppercase; letter-spacing: 0.30px; color: #222222; margin: 0; line-height: 10px; padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; } .color-schemes > ul { display: table; float: none; padding: 0; margin: 0 auto; } .color-schemes > ul > li { float: left; list-style: none outside none; margin: 5px 5px; } .color-schemes > ul > li > a { float: left; height: 30px; width: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .color-schemes > ul > li > a.blue { background: none repeat scroll 0 0 #389ed1; } .color-schemes > ul > li > a.red { background: none repeat scroll 0 0 #e17062; } .color-schemes > ul > li > a.gray { background: none repeat scroll 0 0 #84929c; } .color-schemes > ul > li > a.green { background: none repeat scroll 0 0 #99be56; } .color-schemes > ul > li > a.brown { background: none repeat scroll 0 0 #ab9868; } .color-schemes > ul > li > a.orange { background: none repeat scroll 0 0 #deb06f; } .color-schemes > ul > li > a.purple { background: none repeat scroll 0 0 #b980a4; } .color-schemes > ul > li > a.teal { background: none repeat scroll 0 0 #588b7d; } .color-schemes > ul > li > a.lime { background: none repeat scroll 0 0 #00ce7d; } .color-schemes > ul > li > a.pink { background: none repeat scroll 0 0 #ee506e; } .color-schemes > ul > li > a.maroon { background: none repeat scroll 0 0 #a57f74; } .color-schemes > ul > li > a.yellow { background: none repeat scroll 0 0 #ebab23; } .two-layouts { float: left; width: 100%; margin-top: 20px; background: rgba(0,0,0,.02); padding-bottom: 10px; } .two-layouts > h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #222222; float: left; font-family: Noto Sans; font-size: 14px; font-weight: lighter; letter-spacing: 0.3px; line-height: 10px; margin: 0 0 20px; padding: 20px 0; text-align: center; text-transform: uppercase; width: 100%; } .two-layouts > ul { display: table; float: none; margin: 0 auto; padding: 0; margin-bottom: 15px; } .two-layouts > ul > li { float: left; list-style: none; margin: 0 10px; } .two-layouts > ul > li > a { background-color:#28AB7C; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; color: #FFFFFF; float: left; font-family: open sans; font-size: 13px; letter-spacing: 0.3px; line-height: 10px; padding: 13px 15px 14px; cursor: pointer; } .two-layouts > ul > li > a.boxed-style { background-color: #ebab23; } .two-layouts .choose-bg > li { float: left; margin: 0; margin: 5px 5px; } .scroll { position: fixed; bottom: 0; left: 0; } .two-layouts .choose-bg > li > a { background-color: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 0; height: 30px; width: 30px; } /*/////////////////////////////*/ /*body { padding-top: 50px; /* padding-bottom: 20px;*/ /*} /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Set width on the form input elements since they're 100% wide by default */ input, select, textarea { max-width: 280px; } /* styles for validation helpers */ .field-validation-error { color: #b94a48; } .field-validation-valid { display: none; } input.input-validation-error { border: 1px solid #b94a48; } input[type="checkbox"].input-validation-error { border: 0 none; } .validation-summary-errors { color: #b94a48; } .validation-summary-valid { display: none; } .fx { opacity: 0; } :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after, .container:before, .container:after { display: table; content: " "; } .border-color { border-left: 1px #28629f solid; } .background-blue { background: #e7f3f7 none repeat scroll 0 0; padding: 8px 12px; } /************/ .events-list { color: #565347; font-family: "OpenSans-Semibold",Arial,Helvetica,sans-serif; font-size: 1.1em; width: 100%; } .events-list tr td { padding: 5px 20px 5px 0px; } .events-list tr td:last-child { padding: 5px; text-align: left; } .events-list tr:hover .event-date { border-left: 5px solid #c94e2f; color: #c94e2f; } .events-list tr:hover .event-day { color: #c94e2f; cursor: default; } .events-list .event-date { border-left: 5px solid #cfcfcf; margin: 3px 0; padding: 2px 10px; transition: all 0.25s linear 0s; } .events-list .event-date .event-day { color: #28a3d3; font-size: 1.6em; font-weight: 600; text-align: center; } .events-list .event-date .event-month { color: #7f8583; font-size: 1.1em; font-weight: 400; text-align: center; } .events-list .event-date .event-venue, .events-list .event-date .event-price { white-space: nowrap; } .project-desc > span a { color: #fff; } .about-sec.dept { margin-top: 20px; } /**************/ .dept-sec { float: left; margin-top: 35px; width: 100%; } .dept-sec img { border-radius: 3px; float: left; width: 100%; } .dept-sec h3 { color: #000000; float: left; font-family: Open Sans; font-size: 17px; font-weight: bolder; letter-spacing: 0.3px; line-height: 28px; margin: 0 0 15px; width: 100%; } .dept-sec p { color: #596874; font-family: Noto Sans; font-size: 1em; letter-spacing: 0.3px; line-height: 1.9em; text-align: justify; } .dept-sec li { color: #55616d; font-family: Noto Sans; font-size: 1em; letter-spacing: 0.3px; line-height: 1.9em; text-align: left; } .dept-sec a { border: 1px solid #e8ecec; border-radius: 3px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset; color: #000000; float: left; font-family: open sans; font-size: 12px; letter-spacing: 0.3px; line-height: 10px; margin-right: 15px; padding: 12px 17px; transition: all 0.4s ease 0s; } .dept-sec a:hover { color: #fff; } .nav.in { margin-left: 10px; } .objectivesmarineengineeringtechnology.col-md-9 { margin: 0 25px; width: 70%; margin-top:-60px; } #submenu1 a { color: #188cc2; font-size: 1.1em; font-weight: 400; } .col-md-12.slideinright.animated.slideInRight a { border: medium none; } .col-md-12.slideinright { min-height: 200px; } #dayDate { color: #7da0bf; font-family: 'sans-serif',Tahoma,Geneva,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; left: 10%; line-height: 1.25em; position: relative; top: 30px; width: 20%; z-index:1; } .change_lang { left: 57%; margin: 0; position: absolute; top: 20px; } .col-lg-8 { width: 56.66666666666666%; } .col-lg-4 { width: 33.33333333333333%; } .default-blog-post .lower-part { position: relative; padding-top: 20px; padding-bottom: 10px; margin-top: -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:relative; min-height:1px; padding-right:15px; padding-left:15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float:left } .col-xs-12 { width:100% } .col-xs-11 { width:91.66666666666666% } .col-xs-10 { width:83.33333333333334% } .col-xs-9 { width:75% } .col-xs-8 { width:66.66666666666666% } .col-xs-7 { width:58.333333333333336% } .col-xs-6 { width:50% } .col-xs-5 { width:41.66666666666667% } .col-xs-4 { width:33.33333333333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.666666666666664% } .col-xs-1 { width:8.333333333333332% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666666666666% } .col-xs-pull-10 { right:83.33333333333334% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666666666666% } .col-xs-pull-7 { right:58.333333333333336% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666666666667% } .col-xs-pull-4 { right:33.33333333333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.666666666666664% } .col-xs-pull-1 { right:8.333333333333332% } .col-xs-pull-0 { right:0 } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666666666666% } .col-xs-push-10 { left:83.33333333333334% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666666666666% } .col-xs-push-7 { left:58.333333333333336% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666666666667% } .col-xs-push-4 { left:33.33333333333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.666666666666664% } .col-xs-push-1 { left:8.333333333333332% } .col-xs-push-0 { left:0 } .col-xs-offset-12 { margin-left:100% } .col-xs-offset-11 { margin-left:91.66666666666666% } .col-xs-offset-10 { margin-left:83.33333333333334% } .col-xs-offset-9 { margin-left:75% } .col-xs-offset-8 { margin-left:66.66666666666666% } .col-xs-offset-7 { margin-left:58.333333333333336% } .col-xs-offset-6 { margin-left:50% } .col-xs-offset-5 { margin-left:41.66666666666667% } .col-xs-offset-4 { margin-left:33.33333333333333% } .col-xs-offset-3 { margin-left:25% } .col-xs-offset-2 { margin-left:16.666666666666664% } .col-xs-offset-1 { margin-left:8.333333333333332% } .col-xs-offset-0 { margin-left:0 } @media(min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float:left } .col-sm-12 { width:100% } .col-sm-11 { width:91.66666666666666% } .col-sm-10 { width:83.33333333333334% } .col-sm-9 { width:75% } .col-sm-8 { width:66.66666666666666% } .col-sm-7 { width:58.333333333333336% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666666666667%; } .col-sm-4 { width:33.33333333333333% } .col-sm-3 { width:25% } .col-sm-2 { width:16.666666666666664% } .col-sm-1 { width:8.333333333333332% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666666666666% } .col-sm-pull-10 { right:83.33333333333334% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666666666666% } .col-sm-pull-7 { right:58.333333333333336% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666666666667% } .col-sm-pull-4 { right:33.33333333333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.666666666666664% } .col-sm-pull-1 { right:8.333333333333332% } .col-sm-pull-0 { right:0 } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666666666666% } .col-sm-push-10 { left:83.33333333333334% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666666666666% } .col-sm-push-7 { left:58.333333333333336% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666666666667% } .col-sm-push-4 { left:33.33333333333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.666666666666664% } .col-sm-push-1 { left:8.333333333333332% } .col-sm-push-0 { left:0 } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666666666666% } .col-sm-offset-10 { margin-left:83.33333333333334% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666666666666% } .col-sm-offset-7 { margin-left:58.333333333333336% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666666666667% } .col-sm-offset-4 { margin-left:33.33333333333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.666666666666664% } .col-sm-offset-1 { margin-left:8.333333333333332% } .col-sm-offset-0 { margin-left:0 } } @media(min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666666666666% } .col-md-10 { width:83.33333333333334% } .col-md-9 { width:75% } .col-md-8 { /*! width:66.66666666666666% */ } .col-md-7 { width:58.333333333333336% } .col-md-6 { width:50% } .col-md-5 { width:41.66666666666667% } .col-md-4 { width:33.33333333333333% } .col-md-3 { width:25% } .col-md-2 { width:16.666666666666664% } .col-md-1 { width:8.333333333333332% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666666666666% } .col-md-pull-10 { right:83.33333333333334% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666666666666% } .col-md-pull-7 { right:58.333333333333336% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666666666667% } .col-md-pull-4 { right:33.33333333333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.666666666666664% } .col-md-pull-1 { right:8.333333333333332% } .col-md-pull-0 { right:0 } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666666666666% } .col-md-push-10 { left:83.33333333333334% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666666666666% } .col-md-push-7 { left:58.333333333333336% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666666666667% } .col-md-push-4 { left:33.33333333333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.666666666666664% } .col-md-push-1 { left:8.333333333333332% } .col-md-push-0 { left:0 } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666666666666% } .col-md-offset-10 { margin-left:83.33333333333334% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666666666666% } .col-md-offset-7 { margin-left:58.333333333333336% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666666666667% } .col-md-offset-4 { margin-left:33.33333333333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.666666666666664% } .col-md-offset-1 { margin-left:5% } .col-md-offset-0 { margin-left:0 } } @media(min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:left; } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666666666666% } .col-lg-10 { width:83.33333333333334% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666666666666%; } .col-lg-7 { width:58.333333333333336% } .col-lg-6 { width:45%; /*50*/ } .col-lg-5 { width:41.66666666666667% } .col-lg-4 { width:33.33333333333333%; } .col-lg-3 { width:25% } .col-lg-2 { width:16.666666666666664% } .col-lg-1 { width:8.333333333333332% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666666666666% } .col-lg-pull-10 { right:83.33333333333334% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666666666666% } .col-lg-pull-7 { right:58.333333333333336% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666666666667% } .col-lg-pull-4 { right:33.33333333333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.666666666666664% } .col-lg-pull-1 { right:8.333333333333332% } .col-lg-pull-0 { right:0 } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666666666666% } .col-lg-push-10 { left:83.33333333333334% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666666666666% } .col-lg-push-7 { left:58.333333333333336% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666666666667% } .col-lg-push-4 { left:33.33333333333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.666666666666664% } .col-lg-push-1 { left:8.333333333333332% } .col-lg-push-0 { left:0 } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666666666666% } .col-lg-offset-10 { margin-left:83.33333333333334% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666666666666% } .col-lg-offset-7 { margin-left:58.333333333333336% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666666666667% } .col-lg-offset-4 { margin-left:33.33333333333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.666666666666664% } .col-lg-offset-1 { margin-left:8.333333333333332% } .col-lg-offset-0 { margin-left:0 } }