/*
Theme Name: Comkey
Theme URI: https://www.webfirm.com/
Author: the Webfirm team
Author URI: https://www.webfirm.com/
*/
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
@font-face {
    font-family: 'oxygen.regular';
    src: url('fonts/oxygen.regular.eot');
    src: local('☺'), url('fonts/oxygen.regular.woff') format('woff'), url('fonts/oxygen.regular.ttf') format('truetype'), url('fonts/oxygen.regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{/*background:#2E3362;*/ margin:0; padding:0;  color:#000; font-size: 18px;font-family: 'Oxygen', sans-serif;
 -webkit-font-smoothing:antialiased;  -webkit-text-size-adjust:none; line-height: 1.4;
 width: 100%;
    float: left;
    clear: both;
} 
a{text-decoration:none;outline: none; color:#000;}
a:hover {color:#ecbf0d;}
button{outline: none;  -moz-appearance: none; -webkit-appearance: none;-ms-appearance: none;appearance: none;}
img{border:none; outline:none;  max-width: 100%; height: auto;}
*{box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
input[type="submit"], a:hover{
-moz-appearance: none;-webkit-appearance: none;appearance: none; 
transition:all 0.3s ease 0s; -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;}
h1,h2,h3,h4,h5{/*font-family: 'Roboto', sans-serif;*/margin: 10px 0; color:#060d28;}
h1{    font-size: 1.7em;
    font-weight: 400;
    margin-bottom: 23px;}
h2{ font-size: 1.1em;
    font-weight: 400;}
h3{font-size:1em;}
input, textarea,select {background: #ffffff none repeat scroll 0 0;border:solid 1px #a5a1a1 !important;font-size: 0.9em;outline: none;
    height: 45px;padding: 8px 10px;width: 270px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
    -ms-border-radius: 0; font-family: 'Oxygen', sans-serif;}
input[type="checkbox"],input[type="radio"]{width: auto; height: auto; padding: 0;}
textarea{height: 114px;}
select {-moz-appearance: none; -webkit-appearance: none; appearance: none; -ms-appearance: none; background: #ffffff url(images/drop_down.png) no-repeat scroll right center; border: 1px solid #e9e9e9; color: #58595b; outline: none; font-size: 0.9em; height: 45px; width: 100%; margin: 0 0; font-weight: 600; }
ul,ol{padding: 0 0 0 10px;}
ul li,ol li{padding: 0 0 4px;}
select::-ms-expand {
    display: none;
}
iframe {}
.aligncenter{display: block;margin:0 auto; float: none;}
.alignright{ float:right; margin-left:10px; }
.alignleft{ float: left; margin-right:10px;}
p {line-height: 1.3; font-size: 0.88em; font-weight: 400;font-family: 'oxygen.regular'; }
.inner_section ul li,.inner_section ol li {line-height: 1.3; font-size: 0.88em; font-family: 'oxygen.regular'; letter-spacing: 0.8px}
.inner_section ul,.inner_section ol {padding-left: 15px;}
.inner_section p {letter-spacing: 0.8px;}
.inner_section h2,.inner_section h3 {letter-spacing: 0.8px;font-family: 'oxygen.regular';
    font-weight: 600;}

/*-------------------*/
body {overflow-x: hidden; }
header,.banner,.save_hundreds,.keyring_works,.client_trusted,.order_box,footer,.footer-top,.footer-bottom{width: 100%;float: left; clear: both;}
.container {max-width:1180px; margin: 0 auto;}
.wrapper{max-width: 100%; margin: 0 auto;}
/*-------header-------*/

header{position:absolute;z-index: 99999;/*max-width: 1440px;*/padding:20px 0; top: 0;}
.admin-bar header {top: 32px;}
.logo{width: auto;float: left; padding-left: 2px;}

/*-------nav------*/
nav{width:auto;float:right;}
nav ul{padding: 0;margin: 0;list-style: none;}
.navigation ul li {float: left; position: relative; padding: 0 0 0 11px; }
.navigation ul li a{ display: inline-block; padding:8px 10px 39px; color: #ffffff; font-family: 'oxygen.regular'; position: relative; letter-spacing: 0.1px; }
nav ul li a:hover {color: #000000;}
.navigation ul li a:hover {
    color: #ecbf0d;
}
.navigation ul li.current_page_item > a:after,.navigation ul li:hover > a:after,.navigation ul li.current_page_parent > a:after {content: ""; background-color: #ecbf0d; width: 63%; height: 3px; border-radius: 24px; bottom:30px; position: absolute; left: 0; right: 0; margin: 0 auto; }
/*nav ul li:last-child a{background-color: #efc90f;color: #060d28;border-radius: 4px;text-align: center; }
*/
/*----submenu-----*/
nav ul ul.sub-menu{position: absolute;left: 0;top:95px;width: 220px;background-color: #ffffff;
transition:all 0.3s ease 0s; -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; z-index: -1; opacity: 0; visibility: hidden;}
nav ul li:hover > ul.sub-menu{/*display: block; */top: 84px;  opacity: 1; visibility: visible;}
nav ul ul.sub-menu li{width: 100%; float: left;}
.navigation ul li .sub-menu li a {
    color: #21244f;
    display: inline-block;
    border-bottom: solid 1px #000;
    width: 100%;
}
.home nav ul li:hover > ul.sub-menu {top: 60px;}
.navigation ul li .sub-menu li:hover > a:after {display: none;}
.navigation ul li .sub-menu li > a {
    padding-bottom: 10px;
}
.navigation ul li .sub-menu li {
    padding: 0;
}
.navigation ul li .sub-menu li > a:after {
    display: none;
}
.navigation ul li .sub-menu li a:hover {
    color: #ecbf0d;
}
.navigation {float: left;padding: 14px 14px 0 0px; }
.mobile-no {float: right; }
.menu_click{display: none;}
.mobile-no {float: right; padding-top: 19px; padding-right: 3px; }
.navigation {float: left; }
.mobile-no ul li.btn p {margin: 0; font-size: 1em;}
.mobile-no ul li.btn p a {background-color: #ecbf0d; border-radius: 5px; padding:7px 27px 7px 26px; color:#060d28; font-weight: 600; font-size: 0.87em; }
.mobile-no ul li {float: left;}
.mobile-no ul li a {display: inline-block; padding: 0;}
.mobile-no ul li:first-child {padding-top: 4px; padding-right: 24px; }
.mobile-no ul li.btn p a:hover {
    background-color: #fff;
}
.round-box {
    position: relative;
}
.move-key {
    height: 341px;
    width: 428px;
    position: absolute;
    z-index: 99;
    left: 145px;
    background-size: contain !important;
    top: 142px;
}
.mobile-font {display: none;}
/*-------banner-------*/
.banner{height: 636px;background-image:url(images/banner_bg.png); background-position: center center; background-repeat: no-repeat; 
	background-size:cover;position: relative; background-color:#2E3362;}
/*.banner::before{width: 100%;height:100%;position: absolute;left: 0;top: 0;content: "";background-color: rgba(0,0,0,0.5);}*/
.banner .banner_text{color: #ffffff;position: relative;margin:100px 0 0;z-index: 9;}
.banner .left_box { width: 50%; float: left;padding-top: 73px;}
.banner .left_box h5 {font-size: 1.2em; letter-spacing: 0.45px; margin-bottom: 0; line-height: 1.1; color: #fff; font-weight: 700; }
.banner .left_box h1 {font-size: 4.4em; line-height: 1.12; margin-top: 0; color: #fff; font-weight: 700; margin-bottom: 10px;}
.banner .right_box{width: 50%; float: left;position: relative;}
.banner .banner_text a{width: 178px; display: inline-block; padding:10px 8px 10px 8px; height: 46px; text-align: center; border-radius: 4px; color: #060d28; background-color: #efc90f; font-size: 0.85em; font-weight: 700;letter-spacing: 0.8px; }
.left_box p {font-size: 1.25em; font-weight: 500; margin: 0 0 13px; letter-spacing: 0.4px; }
.banner .right_box img {filter: contrast(106%); -webkit-filter: contrast(106%); -ms-filter: contrast(106%); margin-bottom: 0; float: right; position: relative; /*bottom: -42px;*/ z-index: 9; /*right: -13px;*/ }
section.banner:after {content: ""; position: absolute; left: 0px; bottom: -49px; background: url(Images/_e-home.png)no-repeat left bottom; height: 150px; width: 343px; z-index: 99;filter: contrast(106%); -webkit-filter: contrast(106%); -ms-filter: contrast(106%); }
.banner .right_box:after {content: ""; position: absolute; right: 0; width: 150px; height: 150px; background: url(Images/banner-btm)no-repeat left bottom; filter: contrast(106%); -webkit-filter: contrast(106%); -ms-filter: contrast(106%);}
.banner .right_box:before {content: ""; position: absolute; left: 6px; top: 14px; width: 122px; height: 117px; background: url(Images/banner-top.png)no-repeat left bottom; z-index: 9999; filter: contrast(106%); -webkit-filter: contrast(106%); -ms-filter: contrast(106%);}
.banner .right_box:after {content: ""; position: absolute; right: -103px; width: 150px; height: 208px; background: url(Images/banner-btm.png)no-repeat left bottom; bottom: -75px; z-index: 9999;filter: contrast(106%); -webkit-filter: contrast(106%); -ms-filter: contrast(106%); }
.banner .banner_text a:hover {background-color: #fff; }
/*----------save_hundreds------------*/
section.save_hundreds {background-color: #ffffff; position: relative; padding:75px 0 181px; background-position: bottom center; background-size:contain; background-repeat: no-repeat; border-bottom: solid 1px #2e3362; min-height: 733px; position: relative; }
section.save_hundreds .left_box{width: 50%; float: left; padding-top: 90px; padding-left: 3px; }
section.save_hundreds:before {position: absolute; content: ""; height: 0; width: 100%; box-shadow: 0px 18px 35px rgba(0,0,0,0.2); top: -24px; padding-top: 23px; }
section.save_hundreds .right_box{width: 50%;float: left;}
section.save_hundreds .left_box p {font-size: 0.97em; font-weight: 400; margin: 19px 0 22px; line-height: 1.3; padding-right: 16px; color: #000; letter-spacing: -0.1px;    font-family: 'Oxygen', sans-serif; }
section.save_hundreds .right_box {width: 50%; float: right; padding-top: 110px; padding-right: 3px; }
section.save_hundreds .left_box h2 {font-size: 2.5em; color: #060d28; line-height: 1.28; font-weight: 700; }
section.save_hundreds .right_box iframe {border: none; float: right; box-shadow: -20px 11px 144px rgba(44, 47, 137,0.4);/*height: 325px;max-width: 542px; */ width: 574px;}
.video_section {display: inline-block; float: right; margin-top: 15px; }

/*--------keyring----------*/
.mobile_image {
    display: none;
}
.keyring_works{text-align: center;background-color: #ffffff; padding-top: 68px;}
.keyring_box{width: 33.33%; float: left;}
.keyring_works h2 {font-size: 2.5em; color: #060d28; font-weight: 700;}
.keyring_inner {
    padding-top: 42px;
    max-width: 1063px;
    margin: 0 auto;
}
.keyring_text {
    padding-top: 22px;
}
.keyring_img {
    /*width: 277px;
    height: 277px;*/
    margin: 0 auto;
    /*box-shadow: 0 0 57px rgba(46, 51, 98,0.5);*/
   /* border-radius: 182px;*/
       transition: all 0.5s ease-in-out;
    position: relative;
    bottom: 0;
}
.keyring_img:hover {bottom: 10px;}
.keyring_img:hover img {
    opacity: 0.9;
}
.keyring_img img {
        filter: contrast(106%);
        -webkit-filter: contrast(106%);
        -ms-filter: contrast(106%);
}
.keyring_text {
    padding-top: 0px;
    margin-top: -13px;
}
.keyring_text h3 {
    font-size: 3.25em;
    color: #ecbf0d;
    line-height: 1;
    margin-bottom: 19px;
}
.keyring_box p strong {
    display: block;
    font-size: 1em;
    color: #060d28;
}
.keyring_text p {
    margin: 0;
    font-weight: 500;
    font-size: 1.1em;
    padding: 0 25px;
    line-height: 1.35;
    color: #060d28;
}
/*---------client_trusted-----------*/
.client_trusted{background-color: #ffffff; text-align: center;padding-top: 134px; }
.client_trusted h2 {font-size: 2.5em; font-weight: 700; color: #060d28;}
.trusted_inner ul {padding-left: 0; margin-top: 86px; }
.client_trusted ul li{list-style: none;display: inline-block; padding: 0 60px;}
.client_trusted ul li:first-child {padding-left: 0; }
.client_trusted ul li:last-child {padding-right:0; }
.trusted_inner {
    width: 100%;
    float: left;
    padding-bottom: 91px;
}
.mobile_text {display: none;}
/*--------order_box-------------*/
.order_box {
    background-color:#ecbf0d;
    position: relative;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 457px;
}
/*.order_box::before{content: ""; position: absolute;left: 0; bottom:0;width: 100%;height: 100%;
	background: url(images/order_bg.png) no-repeat bottom center;background-size: cover;}*/
.order{box-shadow:0px 2px 40px rgba(31,36,77,0.5);}
.order_box .order_text,.order_box .order_img{width: 50%; float: left;}
.order_text {
    padding: 106px 0 0 78px;
    text-align: center;
}
.order_box h3 {
    color: #222367;
    text-align: center;
    font-size: 2.25em;
    line-height: 1.284;
    padding: 0 0;
    font-weight: 700;
}
.order_text a.btn {
    background-color: rgb(44, 66, 129);
    display: inline-block;
    padding:10px 25px 11px;
    font-size: 1.27em;
    color: #fff;
    border-radius: 5px;
    height: 50px;
    margin-top: 10px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.order_img {
    text-align: center;
    padding: 32px 52px 0 0;
}
.order_text a.btn:hover {
    background-color: #fff;
    color: #222367;
}
.col-one h2 {
    margin-bottom: 19px;
    font-family: 'oxygen.regular';
}
.order_img img {
    float: none;
    text-align: center;
    -webkit-filter: contrast(106%);
    -ms-filter: contrast(106%);
    filter: contrast(106%);
}
/*******************************/
.inner_banner {
    background-color: #ecbf0d;
    padding-top: 87px;
    width: 100%;
    display: block;
    float: left;
    min-height:326px;
    clear: both;
}
.round-box:after {
    content: "";
    position: absolute;
    width: 93%;
    height: 95%;
    bottom: 1px;
    box-shadow: -46px 10px 93px rgba(25, 31, 74,0.9);
    border-radius: 500%;
    filter: box-shadow 0 0 5px #000;
    left: 24px;
    z-index: -1;
}
.round-box {
    position: relative;
    display: inline-block;
    border-radius: 100%;
    width: 526px;
    height: 520px;
    /* background-color: #fff; */
    bottom: -43px;
    right: -77px;
}
header {background-color:#0e0e3d; padding-bottom:12px; }
.home header {background-color: transparent; padding: 20px 0;}
.inner_banner .container {position: relative; display: flex; flex-wrap: wrap; display:-webkit-flex; -webkit-flex-wrap: wrap; display:-ms-flexbox; -ms-flex-wrap: wrap; }
.page_title {
    float: left;
    padding-top: 90px;
    padding-left: 2px;
    padding-bottom: 58px;
    padding-right: 370px;
}
.page_title h1 {font-size:2.5em; font-weight: 700;}
.key_img {
    float: right;
    background: url(Images/keyring.png)no-repeat bottom right;
    height: 220px;
    display: block;
    width: 339px;
    margin-top: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.address_left {
    float: left;
    width: 34%;
	padding-top: 28px;
}
.contact_right h4,.address_left h4 {
    font-size: 1.1em;
    font-weight: 400;
    font-family: 'oxygen.regular';
}
.page-template-page-contact .inner_section {padding-bottom: 0;}
.contact_right {
    float: left;
    width: 66%;
    padding-left: 2px;
    padding-top: 28px;
}
.inner_content,.inner_section {
    background-color: #fff;
    float: left;
    width: 100%;
    display: block;
    clear: both;
}
.inner_section {
    padding-top: 51px;
    padding-bottom: 90px;
}
.contact-top {
    padding-top: 79px;
}
.address_box ul {
    margin: 27px 0 0 0;
    padding: 0;
}

.address_box ul li {
    list-style-type: none;
    color: #000;
    font-size: 0.88em;
    padding-bottom: 27px;
    line-height: 1.5;
    font-family: 'oxygen.regular';
}

.address_box ul li p {
    margin: 0;
}

.address_box ul li a {
    color: #000;
    display: inline-block;
    padding-top: 2px;
}
.address_box ul li:last-child {
    padding-top: 2px;
}

.address_box ul li:last-child span {
    padding-bottom: 4px;
}

.address_box ul li:last-child a {
    padding-right: 10px;
}

.map_box .container {
    max-width: 100%;
}

.map_box {
    width: 100%;
    float: left;
    display: block;
}
.map_box p {margin-bottom: 0; display: flex; flex-wrap: wrap; display:-webkit-flex; -webkit-flex-wrap: wrap; display:-ms-flexbox; -ms-flex-wrap: wrap; }
.map_box iframe {
    height: 590px;
    border: none !important;
}

/********* faq *******************/
.faq-section {
    padding:20px 0;
}
.faq-tab-section .content_box p {
    font-size: 0.9em;
    line-height: 1.25;
    margin: 19px 0 20px;
    font-weight: 400;
}
.faq .question {
    font-size: 1.1em;
    padding-left: 47px;
    letter-spacing: 0.1px;
    background: url(Images/plus.jpg)no-repeat 4px 3px;
    padding-bottom: 1px;
    font-weight: 700;
}
.faq  .answer {padding-left: 48px;display: none;}
div#faq_container {
    padding-top: 30px;
    float: left;
    display: block;
    width: 100%;
    padding-bottom: 40px;
}
.answer p {
    margin: 0;
    padding: 18px 0 13px;
}
.faq {
    padding-bottom: 8px;
    padding-right: 30px;
}
.faq_left,.faq_right {
    width: 50%;
    float: left;
}
.faq .question.selected { background: url(Images/minus.jpg)no-repeat 4px 3px;}
.faq-tab-section .content_box {
    padding-left: 48px;
}
.col-two p {
    margin-top: 4px;
}
.col-two {
    width: 50%;
    float: left;
    padding: 0 20px;
}
.two-row,.third-row {
    margin: 0 -20px 0;
    display: flex;
    flex-wrap: wrap;
    display:-webkit-flex;
    -webkit-flex-wrap: wrap;
    display:-ms-flexbox;
    -ms-flex-wrap: wrap;
}
.third-row {
    margin: 0 -15px;
}
.col-third {width: 33.333%; float: left; padding: 0 15px;}
.col-third p { margin-top: 4px;}
.post-box {
    width: calc(33.333% - 30px);
    background-color: #f2f2f2;
    margin: 0 15px 30px;
    padding: 30px;
}
.post-content p {
    margin-top: 9px;
    color: #060d28;
    font-weight: 700;
}
.testimonial-section .post-title h2 {
    font-weight: 600;
    font-size: 1.3em;
}
.content_list {display: flex; flex-wrap: wrap; margin: 0 -15px; display:-webkit-flex; -webkit-flex-wrap: wrap; display:-ms-flexbox; -ms-flex-wrap: wrap; }
span.date {font-weight: 700; color: #655f5f; font-size: 0.8em; }
.post-content h3 a {margin: 0; color: #060d28; }
.post-content h3 {margin: 0; }
.post-content .btn {color: #fff; background-color: #ecbf0d; display: inline-block; padding: 7px 20px 8px; font-size: 0.8em; border-radius: 5px;     color: #060d28;
    border-radius: 5px;
    font-weight: 700; }
.testimonial-section {display: flex; flex-wrap: wrap; display:-webkit-flex; -webkit-flex-wrap: wrap; -moz-display: flex; -moz-flex-wrap: wrap; display:-ms-flexbox; -ms-flex-wrap: wrap; margin: 0 -15px; }
.testimonial-post .post-title h2 {font-weight: 600; color:#060d28; margin-top: 0;line-height: 1.2; }
.testimonial-post {width: calc(33.333% - 30px); margin: 0 15px 30px; box-shadow: 0 0px 2px #a2a2a2; padding: 30px; border: solid 1px #fdfdfd; /*background-color: rgb(44, 47, 102);*/ }
.post-content a.btn:hover,.previous_btn a:hover,.next_btn a:hover {
    background-color: #22244d;
}
.post-content-image {
    display: inline-block;
    width: 100%;
}
.left-post-content {
    float: left;
}
.single-testimonial .post-content {
    width: 100%;
}
.right-img-section {
    float: right;
    width: 40%;
}
.testimonial-post .post-content p {font-weight: 400;}
.post-content a.btn:hover {color:#fff;}
.single-post h1 {
    margin-top: 0;
    line-height: 1.2;
}
.next_btn {
    float: right;
}
.previous_btn {
    float: left;
}
.post_navigation {
    width: 100%;
    float: left;
    margin: 20px 0;
    display: block;
}
button.search-submit {
    height: 45px;
    width: 100px;
    background-color: #ecbf0d;
    border: none;
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    border-radius: 5px;
}
.search-form label {
    float: left;
    padding-right: 10px;
}
.search-form button {
    float: left;
    cursor: pointer;
}
.pagination {
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 15px;
}
.pagination a {
    display: inline-block;
    border: solid 1px #22244d;
    padding: 5px 14px;
    margin: 0 5px;
    font-weight: 600;
}
.pagination a:hover, 
.pagination a.active {
    background-color: #ecbf0d;
    color: #fff;
    border: solid 1px #ecbf0d;
}
.search-form button:hover {background-color: #22244d; color: #fff;}
.search-form input.search-field {height: 45px; border-radius: 5px; border: solid 1px #a5a1a1 !important; }
.search-form .screen-reader-text {clip: rect(1px,1px,1px,1px); height: auto; overflow: hidden; position: relative !important; width: auto; word-wrap: normal!important; }
.previous_btn a,.next_btn a {color: #fff; background-color: #ecbf0d; display: inline-block; padding: 8px 15px; border-radius: 4px; }
.post-img {text-align: center; }
.address_box ul li a:hover {color: #ecbf0d; }
.address_box ul li a:hover img {opacity: 0.5;}
.keyring_text strong {font-size: 1.1em; }
/*************** product page****************/
.woocommerce .inner_section {background-color: #f8f8f8;}
.product_section {padding: 60px 0 0; }
.woocommerce .products ul, .woocommerce ul.products {margin-bottom: 45px;}
.woocommerce ul.products li.product .button {margin-top: 26px; width: calc(100% - 57px); background-color: #efc90f; color: #fff; text-transform: uppercase; font-weight: 300; letter-spacing: 4.6px; font-size: 0.98em; padding: 13px 10px 12px; }
.woocommerce ul.products li.product a:hover h2 {color: #ecbf0d; }

.woocommerce .inner_section {padding-bottom: 0px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {text-align: center; padding: 0px 0 40px; background-color: #fff; width: 22.35%; margin: 0 3.2% 2.992em 0; }
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {margin-right: 0px;}
.woocommerce span.onsale {min-height: 40px; min-width: 40px; padding: 0; line-height: 40px; border-radius: 30px; background-color: #ecbf0d; color: #fff; font-size: .857em; z-index: 9; }
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {background-color: #20244e; color: #fff; -webkit-font-smoothing: antialiased; text-transform: uppercase; font-weight: 100; font-size: 0.8em; letter-spacing: 3.5px; height:45px; padding: 0 20px; font-family: 'Oxygen', sans-serif; line-height:45px; }
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {background-color: #ecbf0d; color: #fff; }
span.subscription {display: none; clear: both; font-size: 0.65em; padding-left: 4px; margin-bottom: 11px; }
.purchasable span.subscription {display: block;} 
.woocommerce-message {border-top-color: #20244e; }
.woocommerce-message::before {content: '\e015'; color: #20244e; }
 .woocommerce a.button {text-transform: uppercase; padding: 12px 15px; font-weight: 400; text-shadow: none; font-size: 0.8em; letter-spacing: 2px; background-color: #20244e; color: #fff; }
 .woocommerce a.button:hover {background-color: #ecbf0d; text-decoration: none; background-image: none;}
 .woocommerce #respond input#submit, 
 .woocommerce a.button, 
 .woocommerce button.button, 
 .woocommerce input.button {font-family: 'Oxygen', sans-serif; font-size: 0.8em; padding: 12px 15px; font-weight: 100; border-radius: 3px; left: auto; color: #fff; background-color: #20244e; letter-spacing: 2px; }
 .woocommerce #respond input#submit, 
 .woocommerce button.button, 
 .woocommerce input.button {padding: 0 15px; height: 45px; line-height: 45px; }
 .woocommerce #content table.cart td.actions .input-text, 
 .woocommerce table.cart td.actions .input-text, 
 .woocommerce-page #content table.cart td.actions .input-text, 
 .woocommerce-page table.cart td.actions .input-text {width: 140px; height: 45px; padding: 0 10px !important; }
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {opacity: 1; padding: 0px 15px; color: #fff; }
.woocommerce .product-image {height: 182px; -webkit-align-items: center; display: -webkit-flex; -ms-flex-align: center; display: -ms-flexbox; align-items: center; display: flex; width: 100%; margin-bottom: 16px; padding: 8px; }
.woocommerce .product a.woocommerce-LoopProduct-link {display:-webkit-flex; -webkit-flex-wrap: wrap; display:-ms-flexbox; -ms-flex-wrap: wrap; display: flex; flex-wrap: wrap; }
.woocommerce h2.woocommerce-loop-product__title {text-align: center; width: 100%; letter-spacing: 0.4px; font-family: 'oxygen.regular'; }
 .woocommerce ul.products li.product .button:hover {background-color: #20244e;}

.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: normal;padding-top: 11px;}
.select2-container .select2-selection--single {line-height: 45px; height: 45px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {top: 23px;}
.woocommerce-info::before {color: #060d28; }
.woocommerce-info {border-top-color: #060d28; }
.cart-customlocation span {width: 18px; height: 18px; position: absolute; text-align: center; background-color: #ecbf0d; line-height: 19px; border-radius: 30px; font-size: 0.5em; color: #000; top: -5px; right: -11px; display: block; }
.woocommerce .product-image img {text-align: center; margin: 0 auto !important; display: block !important; max-height: 195px; width: auto !important; transition: all 0.5s ease-in-out; transform: scale(1); -webkit-transition: all 0.5s ease-in-out; -webkit-transform: scale(1); -ms-transition: all 0.5s ease-in-out; -ms-transform: scale(1); }
.woocommerce ul.products li.product a:hover img {transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); }
a.cart-customlocation {position: relative; }
.woocommerce div.product div.images.woocommerce-product-gallery {position: relative; width: 40.5%; padding-left: 3px; }
.single-product .product_section {padding: 29px 0 0; width: 100%; float: left; }
.woocommerce .flex-viewport,.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {background-color: #efefef; height: 475px !important; }
.woocommerce .new_product_section {display: block; float: left; width: 100%; background-color: #f8f8f8; margin-top: 34px; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {height: 100%; }
.single-product .woocommerce-product-gallery__image {height: 100%; position: relative; }
.single-product .woocommerce-product-gallery__image > a {position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); top: 50%; left: 50%; }
.woocommerce div.product div.images img {width: auto;}
.woocommerce div.product div.summary {width: 49%;}
.woocommerce.single-produc div.product .product_title {text-transform: uppercase; line-height: 1.28; font-size: 1.675em; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del {opacity: 1; display: inline-block; color: #e70a0a; font-weight: 600; margin-left: 12px; float: right; }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {background: inherit; font-weight: 400; display: inline-block; float: left; text-decoration: none; }
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #000; font-size: 1em; margin: 0; font-weight: 200; text-align: left; width: auto; float: left; padding-left: 3px; }
.woocommerce-product-details__short-description p {letter-spacing: 0.1px; }
.woocommerce-product-details__short-description {width: 100%; display: block; float: left; padding: 0 80px 0 1px; }
.woocommerce-product-details__short-description ul {margin: 28px 0; padding-left: 30px; padding-right: 48px; }
.woocommerce-product-details__short-description p {letter-spacing: 0.1px; }
.woocommerce-product-details__short-description ul li {padding-left: 7px; font-size: 0.88em; letter-spacing: 0.1px; line-height: 1.28; padding-bottom: 0; font-family: 'oxygen.regular'; }
.woocommerce div.product .product_title {clear: none; margin-top: 0; padding: 0; text-transform: uppercase; line-height: 1.28; font-size: 1.675em; margin-bottom: 11px; }
.product-addon.product-addon-label-holder-one {width: 100%; display: block; float: left; }
.woocommerce div.product div.images .flex-control-thumbs li {width: calc(33.333% - 40px); float: left; margin: 0; list-style: none; background-color: #efefef; height: 119px; margin-right: 55px; position: relative; margin-bottom: 20px; }
.woocommerce div.product div.images .flex-control-thumbs li img {margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
ul.tabs.wc-tabs {padding-left: 0; }
ul.tabs.wc-tabs {padding-left: 0; display: block; width: 100%; float: left; margin-bottom: 0; position: relative; }
.up-sells.upsells.products {width: 100%; float: left; }
.woocommerce-Tabs-panel {float: left; width: 100%; padding-top: 22px; }
ul.tabs.wc-tabs:after {background-color: #d4d0d0; position: absolute; content: ""; width: 100%; height: 1px; left: 0; bottom:0px; }
.woocommerce-Tabs-panel h2 {font-size: 1em; }
.woocommerce table.shop_attributes {margin-top: 30px;}
.woocommerce ul.tabs li:first-child {border-left: solid 1px #c1c1c1; }
.woocommerce ul.tabs li.active {border-bottom: none; background-color: #f8f8f8; position: relative; z-index: 9; }
.related.products {width: 100%; float: left; }
.woocommerce-tabs.wc-tabs-wrapper {margin-top: 35px; float: left; width: 100%; margin-bottom: 50px; }
.woocommerce ul.tabs li {list-style-type: none; float: left; border: solid 1px #c1c1c1; padding: 10px 20px; border-left: none; border-bottom: none; }
.woocommerce div.product div.images .flex-control-thumbs {overflow: hidden; zoom: 1; margin: 65px 0 0; padding: 0; display: flex; flex-wrap: wrap; display:-webkit-flex; -webkit-flex-wrap: wrap; display:-ms-flexbox; -ms-flex-wrap: wrap;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(3n+1) {clear: left; }
.woocommerce div.product form.cart .button img {padding: 21px 16px 0 0; }
.woocommerce div.product form.cart .button span {display: inline-block; position: relative; top: -3px; }
div.addon-description p {display: none;}
.woocommerce div.product form.cart {margin-bottom: 2em; width: 100%; float: left; }
.woocommerce div.product form.cart {margin-bottom: 2em; width: 356px; float: left; padding: 8px 0 0 3px; clear: both; }
.woocommerce div.product .entry-summary p.price {margin-bottom: 2px; }
.woocommerce h3.addon-name {margin-top: 9px; font-size: 0.9em; font-weight: 400; margin-bottom: 7px; padding-left: 2px; letter-spacing: 0.5px; font-family: 'oxygen.regular'; }
.woocommerce input.input-text.addon.addon-custom {font-size: 1em; padding-left: 14px; color: #58595b; font-weight: 300; letter-spacing: 0.5px; height: 46px; font-family: 'Oxygen', sans-serif; }
.woocommerce div.product-addon {margin: 1em 0 4px; }
.woocommerce .product-addon.product-addon-label-holder-two p.form-row {padding-top: 2px; }
.woocommerce .product-addon.product-addon-label-holder-two {width: 100%; float: left; display: block; margin: 0 0 21px; }
.woocommerce .select-qty select {padding:0 13px 4px; background:url(Images/drop-arrow.png)no-repeat 97% center; font-family: 'oxygen.regular'; letter-spacing: 0.5px; height: 46px; }
.woocommerce div.product form.cart .button {width: 100%; height: 58px; margin-top: 9px; letter-spacing: 5.5px; display: inline-block; padding-left: 28px; }
.single-product.woocommerce .inner_section {background-color: #fff; }
.woocommerce form .form-row {padding: 0;}
.woocommerce .related.products > h2 {padding: 40px 3px 18px; font-size: 1.35em; text-transform: uppercase; letter-spacing: 0.8px; }
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n+3) {margin-right: 0; }
.woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd {margin: 0; float: none; clear: both;}
.woocommerce td.product-name .wc-item-meta dd p, .woocommerce td.product-name dl.variation dd p {margin:0px 0 7px;/*font-family: 'Oxygen', sans-serif;*/}
.woocommerce .woocommerce-error li {padding-left:35px !important; padding-top: 2px;}
.woocommerce .woocommerce-error::before {top: 20px;}
body.single-product form.cart .product-addon {display: none;}
body.single-product form.cart .product-addon.product-addon-label-holder-one {display: block;}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, 
.woocommerce td.product-name .wc-item-meta dt, 
.woocommerce td.product-name dl.variation .wc-item-meta-label, 
.woocommerce td.product-name dl.variation dt {font-size: 0.889em;}
.product-name > a {font-size: 0.889em; }
.woocommerce-Price-amount.amount {font-size: 0.889em; }
/************************************/

body .gform_wrapper .gform_heading {margin-bottom: 0 !important;}
body .gform_wrapper {margin:21px 0 !important;}
body .gform_wrapper .top_label li.gfield.gf_right_half {padding-right: 3px; padding-left: 32px; }
body .gform_wrapper .top_label li.gfield.gf_left_half {padding-right: 35px !important;}
body .gform_wrapper .field_description_below .gfield_description {padding-top: 0 !important;}
body .gform_wrapper label.gfield_label {font-weight: 400; font-size:1.05em; color: #000 !important; padding-left: 2px;font-family: 'oxygen.regular'; }
body .gform_wrapper ul li.gfield {margin-top: 12px !important;}
body .gform_wrapper .top_label div.ginput_container {margin-top: 8px !important;}
body .gform_wrapper .top_label input.medium, 
body .gform_wrapper .top_label select.medium {height: 46px; border: solid 1px #a5a1a1 !important; border-radius: 5px; }
body .gform_wrapper textarea {border-radius: 5px; border: solid 1px #a5a1a1 !important; height: 131px !important; margin-top: 2px; }
body .gform_wrapper .gform_footer input.button, 
body .gform_wrapper .gform_footer input[type=submit], 
body .gform_wrapper .gform_page_footer input.button, 
body .gform_wrapper .gform_page_footer input[type=submit] {font-size: 1.1em !important; background-color: #efc90f; border-radius: 5px; height: 47px !important; padding: 0 24px 0 19px !important; font-weight: 700; font-family: 'Oxygen', sans-serif; cursor: pointer; border:none !important;}
body .gform_wrapper ul.gform_fields li.gfield {padding-right: 0 !important;}
body input[type=submit]:hover {background-color: #2a3380 !important; color: #fff;}
body .gform_wrapper .gform_footer {padding: 0px 0 10px !important; margin: 13px 0 0 !important; }
body .gform_wrapper li.gfield.gfield_error, 
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent !important; margin-bottom: 0 !important; border-top: none !important; border-bottom: none !important; padding-bottom: 0 !important; padding-top: 0 !important; box-sizing: border-box; }
body .gform_wrapper div.validation_error,body .gform_wrapper .gfield_required {display: none !important;}
body .ytp-cued-thumbnail-overlay-image {transform: scale(1.2);}
/*-------footer-------*/
.footer_fixed footer {position: fixed; bottom: 0; }
footer {background-color: #2e3362; padding: 31px 0 25px; color: #ffffff; background: url(Images/footer_bg.jpg)no-repeat center center; background-size: cover; }
.footer_inner:first-child {padding-left: 3px; }
.footer_inner {width: 25%; float: left; padding-left: 7px; }
.footer_inner h4 {color: #ffffff; text-transform: uppercase; font-size: 0.95em; margin-bottom: 20px; }
footer ul{list-style: none;padding: 0;}
.footer_inner:first-child ul li {width: 100%; line-height: 1.22; }
.footer_inner ul li{display: inline-block; width: auto; padding-right: 5px;}
.footer_inner ul li:nth-child(3),.footer_inner ul li:nth-child(4) {display: none;}
.footer_inner p {font-size: 0.95em; line-height: 1.3;    font-family: 'Oxygen', sans-serif; }
.footer_inner ul li a:hover img {opacity: 0.5;}
footer ul li a {color: #ffffff; line-height: 0.9; letter-spacing: 0.3px; font-size: 0.9em; }
footer p a{color: #ffffff}
.footer_inner:last-child ul li {
    padding-right: 10px;
}

/**********************banner area section********************/
/* ============================================================================================== 
Nick Mkrtchyan
https://www.facebook.com/sonick.pk
http://www.Mkrtchyan.zz.mu
================================================================================================= */




@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block; }

.stars {background:#1a1f4b url(https://comkey.com.au/wp-content/uploads/2018/08/stars.png) repeat top center; z-index:0; }

.twinkling{
  background:transparent url(https://comkey.webfirmdemo.com/wp-content/uploads/2018/08/twinkling.png) repeat top center;
  z-index:1;
  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}
.fluid-width-video-wrapper {
    padding: 0;
    height: 322px;
    width: 558px !important;
    box-shadow: -20px 11px 144px rgba(44, 47, 137,0.4);
}
/*.clouds{
    background:transparent url(https://comkey.webfirmdemo.com/wp-content/uploads/2018/08/clouds3.png) repeat top center;
    z-index:3;
  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}*/