/* Theme Name: Sellick */ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ /* HTML style*/ /*{font-family: 'Conv_MyriadPro-Black';}*/ /*{font-family: 'Conv_MyriadPro-LightCond';}*/ /*{font-family: 'Conv_MyriadPro-Semibold';}*/ /*{font-family: 'Conv_HelveticaNeue-Roman';}*/ @font-face { font-family: 'Conv_MyriadPro-Black'; src: url('fonts/MyriadPro-Black.eot'); src: local('☺'), url('fonts/MyriadPro-Black.woff') format('woff'), url('fonts/MyriadPro-Black.ttf') format('truetype'), url('fonts/MyriadPro-Black.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_MyriadPro-LightCond'; src: url('fonts/MyriadPro-LightCond.eot'); src: local('☺'), url('fonts/MyriadPro-LightCond.woff') format('woff'), url('fonts/MyriadPro-LightCond.ttf') format('truetype'), url('fonts/MyriadPro-LightCond.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_MyriadPro-Semibold'; src: url('fonts/MyriadPro-Semibold.eot'); src: local('☺'), url('fonts/MyriadPro-Semibold.woff') format('woff'), url('fonts/MyriadPro-Semibold.ttf') format('truetype'), url('fonts/MyriadPro-Semibold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_HelveticaNeue-Roman'; src: url('fonts/HelveticaNeue-Roman.eot'); src: local('☺'), url('fonts/HelveticaNeue-Roman.woff') format('woff'), url('fonts/HelveticaNeue-Roman.ttf') format('truetype'), url('fonts/HelveticaNeue-Roman.svg') format('svg'); font-weight: normal; font-style: normal; } *{box-sizing: border-box;} .clear_0 {clear:both; font-size:0px; line-height:0px; display:block;} .last {margin:0 !important;} .pad_left{ padding-left: 0!important; } .pad_last{padding:0 !important;} .no_bg {background:none !important;} ul{list-style: none;} /**************************************************************************************/ a { color:#000; text-decoration:none; outline:0 none;} a:hover { color:#fff; text-decoration:none;} h1 { font-size:56px; font-family: 'Conv_MyriadPro-Black'; font-weight: normal; } h2 { font-size:50px; font-family: 'Open Sans', sans-serif; font-weight: normal; } h3 { font-size:43px; font-family: 'Conv_MyriadPro-Black'; font-weight: normal; } h4 { font-size:30px; font-family: 'Conv_MyriadPro-Black'; font-weight: normal; } h5 { font-size:20px; font-family: 'Open Sans', sans-serif; font-weight: normal; } h6 { font-size:18px; font-family: 'Open Sans', sans-serif; font-weight: normal; } p { font-size: 14px; color: #494949; font-family: 'Open Sans', sans-serif; line-height: 25px; font-weight: normal; padding: 0 0 25px; } /*----------------------------------------------------------------------------------*/ html { } body { color:#000000; background: #ffffff; font-family: 'Open Sans', sans-serif; font-size:16px; line-height: normal; } .flt_Lt { float:left; display:inline;} .flt_Rt { float:right; display:inline;} input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;} input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;} .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } /*---------------------------------------------------------------------------------*/ ::-webkit-input-placeholder { color: #cccccc; font-family: 'Open Sans', sans-serif; } ::-moz-placeholder { color: #cccccc; font-family: 'Open Sans', sans-serif; } :-ms-input-placeholder { color: #cccccc; font-family: 'Open Sans', sans-serif; } :-moz-placeholder { color: #cccccc; font-family: 'Open Sans', sans-serif; } /*-----------------------layout----------*/ /*-----------------------layout----------*/ .wrapper { margin:0 auto; } .container { max-width: 1280px; width: 100%; padding: 0 15px; margin: 0 auto; } /*.container-fluid { max-width: 2160px; width: 100%; box-sizing: border-box; padding: 0 144px; margin: 0 auto; }*/ .first { padding-left: 0px; } .mid { padding-left: 0px; padding-right: 0px; } .last { padding-right: 0px; } .my-inpt { padding-top: 4px; width: 90%; } .my-cnt { color: #999999;background: #FFF; border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 0px solid #d6d6d6;box-shadow: none;padding: 20px 11px; } /*------------HEADER------------------------*/ header.headmain { width: 100%; height:auto; position: fixed; bottom: 0; display: inline-block; vertical-align: top; padding: 5px 0 5px;background-color: #47c3d3; z-index: 99999; } /*header.sticky { height: 75px; position: fixed; background-color: #333333; top: 0; padding: 25px 0; } header.sticky #logo { max-width: 122px; } header.sticky #nav-toggle { top: 35px; } header.sticky .menu { margin-top: 0; } header.sticky .menu nav ul li.active a, header.sticky .menu nav ul li a:hover { color: #ffffff; text-decoration: underline; }*/ /*header.sticky .menu nav ul li.social a:hover { border: none; }*/ #logo { max-width: 300px; width: 100%; height: auto; display: inline-block; vertical-align: top; text-align: right; z-index: 3;} #logo ul {list-style: none;text-align: left;margin: 0;padding: 0;margin-top: 15px;} #logo ul li {display: inline-block;padding: 0 15px;border-right: 1px solid #5eb4c0;} #logo ul li:last-child {border-right: none;} #logo ul li a {color: #ffffff;font-size: 17px;} #logo img { width: auto; height: auto; max-width: 100%; display: block; } .menu { width: 100%; height: auto; float: right; } nav { width: auto; float: right; } nav.show { display: block!important; } nav ul { margin: 0; padding: 0; list-style: none;display: table;width: 100%; padding: 15px 0;} nav ul li { display: inline-block; vertical-align: top; position: relative; display: table-cell;vertical-align: middle;width: 14.28%;text-align: center;} nav ul li:last-child { margin-right: 0; border-bottom: none;} nav ul li a { display: block; color: #ffffff; font-family: 'Conv_MyriadPro-Black'; font-size: 18px; text-transform: uppercase; line-height: normal; padding: 0 5px; letter-spacing: 1px; } /*------------------SET: RESPONSIVE HAMBURGER-------------------*/ #nav-toggle { display: none; position: absolute; right: 50px; top: 50px; z-index: 22; } #nav-toggle {cursor: pointer; padding: 0 15px 0 0; } #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 35px; background-color: #5eb4c0; position: absolute; display: block; content: ""; } #nav-toggle span:before {top: -10px;} #nav-toggle span:after {bottom: -10px;} #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} #nav-toggle.current_page_item span { background-color: transparent; background: none; } #nav-toggle.current_page_item span:before,#nav-toggle.current_page_item span:after { top: 0;} #nav-toggle.current_page_item span:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} #nav-toggle.current_page_item span:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------------END: RESPONSIVE HAMBURGER----------------*/ /*-------------------END: NAVIGATION HERE---------------------*/ /*------------HEADER------------------------*/ /*************************BANNER HERE*************************/ .banner { width: 100%; display: inline-block; vertical-align: top; position: relative; } .ban_img { position: relative; height: 100%; z-index: 2; } .ban_img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(11, 63, 93, 0.20); z-index: 1; } .banner .slick-slider { margin: 0; } .banner .slick-slide img { display: block; width: 100%; object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -o-object-position: center; -ms-object-position: center; height: 100%;} .banner .slick-slide { position: relative; height: 100vh; } .banner_wrap {position: absolute;top: 0; width: 100%;} .banner_wrap_in {position: relative;min-height: 630px;} /*.banner .slick-prev { left: 90px; background: url(images/prev_icon.png) no-repeat; width: 46px; height: 96px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 2; } .banner .slick-next { right: 90px; background: url(images/next_icon.png) no-repeat; width: 46px; height: 96px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }*/ .banner .slick-prev:before, .banner .slick-next:before { display: none; } .banner .slick-dots { bottom: 10%;height: 60px; line-height: 60px; padding: 15px 0; max-width: 1270px;margin: 0 auto; left: 0;right: 0; text-align: left;} .banner .slick-dots li { display: inline-block; width: 24px; height: 24px; background-color: transparent; font-size: 0; margin: 0 16px; border: 2px solid #fff; } .banner .slick-dots li button { display: inline-block; background: transparent; border: none; padding: 0; width: 24px; height: 24px; } .banner .slick-dots li button:focus { outline: none; } .banner .slick-dots li button:before { display: none; } /*.banner .slick-dots li:hover,*/ .banner .slick-dots li.slick-active{ background-color: #5eb4c0; border: 2px solid #ffffff; } .banner_caption { position: absolute;left: 0px;top: 50px; max-width: 770px;width: 100%; text-align: left; z-index: 2; } .banner_caption h1 { width: 100%; height: auto;font-size: 38px; line-height: normal; color: #ffffff; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; } .ban_top{position: relative;background-image: url(images/blue_bg.png);max-width: 700px;width: 100%; height: 198px;margin-bottom: 22px;padding: 35px; } .ban_top h1{} .ban_bottom{position: relative;background-image: url(images/black_bg.png);max-width: 761px;width: 100%; height: 410px;padding: 60px 35px; } .ban_bottom h4 a {color: #ffffff;font-family: 'Conv_MyriadPro-Black';letter-spacing: 2px;} .ban_bottom h4 a:hover{color: #47c3d3;} /*************************framework HERE*************************/ .framework{position: relative;background-image: url(images/section1_bg.jpg);width: 100%;height: 100vh; background-size: cover;} .common_sec .container{padding-top: 60px;position: relative;} .common_sec h3{border-top: 4px solid #455560;display: inline-block;color: #455560;} .common_sec ul{margin-top: 45px;} .common_sec ul li{position: relative;padding-bottom: 35px;} .common_sec ul li:before{content: '';position: absolute;background-image: url(images/arrow_img.png);width: 15px;height: 13px; left: -30px; top: 10px;} .common_sec ul li a{font-size: 28px;color: #58595b;font-family: 'Conv_HelveticaNeue-Roman';} .system{position: relative;background-image: url(images/section2_bg.jpg);width: 100%;height: 100vh; background-size: cover;} .resources{position: relative;background-image: url(images/section3_bg.jpg);width: 100%;height: 100vh; background-size: cover;} .workplace{position: relative;background-image: url(images/section4_bg.jpg);width: 100%;height: 100vh;background-position: 0 100%; background-size: cover;} .ims{position: relative;background-image: url(images/section5_bg.jpg);width: 100%;height: 100vh; background-size: cover;} .regulatory{position: relative;background-image: url(images/section6_bg.jpg);width: 100%;height: 100vh; background-size: cover;} .team{position: relative;background-image: url(images/section7_bg.jpg);width: 100%;height: 100vh; background-size: cover;} .header { position: absolute; top: 50px; right: 0; width: 100%; z-index: 999; text-align: right; } /*sample page*/ #logo ul li a{color: #000;} .home #logo ul li a{color: #fff;} /*.page-template-default .header{position: relative;top: 0;}*/ .wrap{padding-top: 250px;} .error-404.not-found input[type='search'] { width: 300px; height: 40px; border: 1px solid #cecece;} .error-404.not-found button[type='submit']{ height: 40px; border: 1px solid transparent; background-color: #47c3d3; margin-left: 20px;} .wrap ul{list-style: disc;} /*14/1/2019*/ header nav ul li a.active { color: #455560; } /*22/3/2019*/ .page-template-subpage-listing #logo > a,.page-template-subpage-listing #logo > ul{display:none;} .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 60%; background-image: linear-gradient(#45555f, transparent);} .framework h3{color:#ffffff; border-top: 4px solid #ffffff;} .framework ul li a{color:#ffffff; } .common_sec ul li:before {background-image: url(images/arrow_img_in.png);} .page-template-subpage-listing header nav ul li a.active { color: #ffffff; } .headmain nav{float:none;} /*26/3/2019*/ #menu-main_menu li a:hover{color: #455560;} .framework { background-position: bottom;} .framework ul li a:hover{color:#47c3d3;} /*.page-template-subpage-listing .headmain {height:0;}*/ /*28/3/2019*/ .framework {height:100% !important;padding-bottom:90px;background-attachment: fixed;} /*3/4/2019*/ .common_sec ul li{ margin-bottom: 35px; padding: 0; } .common_sec ul li:before {background-image:none;border:2px solid #ffffff;width:12px;height:12px;top:8px;} .common_sec ul li:hover:before {border:2px solid #47c3d3;} .common_sec ul li > ul {display:none;} .common_sec ul li > ul > li > ul {display:none;} /*.common_sec ul li:hover > ul {display:block;}*/ /*4/4/2019*/ .ios .common_sec ul li:before {transform:none;top:5px;} .page-template-third-sub-page-listing #logo {display:none;}