@charset "utf-8";
/* CSS Document */

.title4 { font-size:20px;}
.title4s { font-size:18px; font-weight:500;}
.title3 { font-size:24px;}
.title2s { font-size:28px;}
.title2 { font-size:32px;}
.title1 { font-size:36px; font-weight:400;}

.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}


.navbar .dropdown-menu div[class*="col"] {margin-bottom:1rem;}
.navbar .dropdown-menu {border:none;background-color:#f8f8f8!important; color:#333; margin-top:-1px;}
@media screen and (min-width: 992px) {
.navbar {padding-top:0px;padding-bottom:0px;}
.navbar .nav-item {padding:.5rem .5rem;margin:0 .25rem;}
.navbar .dropdown {position:static;}
.navbar .dropdown-menu {width:100%;left:0;right:0;}
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {display:block!important;}
.navbar .dropdown-menu {background-color: #fff;}
}

.top-s {color:#383636; font-weight:580; font-size:17px;}

#top-links {font-size:12px; text-align:right; padding-right:40px; background-image:url(../poto/top-n.png); background-repeat:no-repeat; background-position:bottom right; padding-bottom:5px;}
#top-links a {color:#FFF;}

#bcrumb {border-bottom-color:#f3eded; border-bottom-style:solid; border-bottom-width:1px; padding-left:30px; background-color:#0e3975; color:#FFF;}
#bcrumb .style {font-size:11px; padding-top:5px; padding-bottom:5px;}
#bcrumb a { color:#FFF;}

.shtop {box-shadow: 0px 10px 10px #45403f; z-index:1000;}

#soft-menu {background-color:#f6f1f1; padding-right:30px;}
#soft-menu .menu {font-size:14px; margin-top:5px; margin-bottom:-7px; color:#1463a5; text-align:right;}
#soft-menu li { display:inline; margin-left:15px;}
#soft-menu a {text-decoration:none;}


#soft-head {padding-bottom:20px; padding-top:30px; background-color:#f6f1f1;}
#soft-head .left { font-size:12px;}
#soft-head .pt17 { padding-top:17px;}
#soft-head .req {font-size:13px; margin-top:10px; color:#06C;}
#soft-head .head {font-size:24px; font-weight:normal;}
#soft-head .sub-head {font-size:14px; margin-top:-2px;}
#soft-head .blue {background-color:#06C;}
#soft-head .grey {background-color:#CCC;}
#soft-head .rating {padding:20px; padding-top:5px; font-size:12px;}
#soft-head .free {font-size:12px; margin-top:-8px;}
#soft-head ul li { list-style-image:url(../poto/tick12.png); font-size:14px;}

#soft-head-white {padding-bottom:20px; padding-top:30px;}
#soft-head-white .left { font-size:12px;}
#soft-head-white .pt17 { padding-top:17px;}
#soft-head-white .req {font-size:13px; margin-top:10px; color:#06C;}
#soft-head-white .head {font-size:24px; font-weight:normal;}
#soft-head-white .sub-head {font-size:14px; margin-top:-2px;}
#soft-head-white .blue {background-color:#06C;}
#soft-head-white .grey {background-color:#CCC;}
#soft-head-white .rating {padding:20px; padding-top:5px; font-size:12px;}
#soft-head-white .free {font-size:12px; margin-top:-8px;}
#soft-head-white ul li { list-style-image:url(../poto/tick12.png); color:#433f3f;}

.droprating {position: relative;display: inline-block;}
.dropdown-con {display: none;position: absolute;background-color: #f1f1f1;min-width: 180px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.droprating:hover .dropdown-con {display: block;}

.btn2 {border: none; /* Remove borders */color: white; /* Add a text color */ padding: 14px 28px; /* Add some padding */cursor: pointer; /* Add a pointer cursor on mouse-over */}
.success2 {background-color: #4CAF50;} /* Green */
.success2:hover {background-color: #46a049;}
.info2 {background-color: #0087ff; font-size:18px;} /* Blue */
.info2:hover {background: #0b7dda;}
.warning2 {background-color: #f37901; font-size:18px;} /* Orange */
.warning2:hover {background: #c26c18;}
.danger2 {background-color: #f44336;} /* Red */ 
.danger2:hover {background: #da190b;}
.default2 {background-color: #e7e7e7; color: black;} /* Gray */ 
.default2:hover {background: #ddd;}

.blink {animation-duration: 1s;animation-name: blink;animation-iteration-count: infinite;animation-direction: alternate;    animation-timing-function: ease-in-out;}
@keyframes blink {from { opacity: 1;}
    to { opacity: 0;  }}

.im-round {border-radius: 50%;}


.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}
.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#dadde1;}
.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}
.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}
.carousel-indicators .active{background-color:#86888b}

#videos {padding-bottom:30px; padding-top:50px; background-color:#f6f1f1; padding-left:40px;}
#videos .content {padding-right:60px; padding-top:30px;}
#videos .vtitle {font-size:24px; font-weight:normal;}

.blue-foot {background-color:#0055b8; padding-bottom:20px; padding-top:20px;}

.greyf {background-color:#333333; color:#FFF; padding-bottom:30px; padding-top:30px; padding-left:32px;}
.greyf a {color:#999}
.greyf a:hover { text-decoration:none; color:#CCC;}

.add-ft {padding-bottom:50px; padding-top:50px; padding-left:40px; padding-right:40px;}

.add-ft2 {padding-bottom:50px; padding-top:50px; padding-left:60px; padding-right:60px;}


.clear{margin:0px;padding:0px;line-height:0px;clear:both;}

#safec {padding-bottom:50px; padding-top:50px;}
#safec .pdf { font-size:12px; text-align:center;}

.specific {background-color:#f6f1f1; padding-bottom:30px; padding-top:50px; font-size:13px;}

.faq-div {background-image:url(../poto/bg-shadow-bottom.png); background-repeat:no-repeat; background-position:bottom center;}

.s-faqs {padding-bottom:60px; padding-top:50px; background-image:url(../poto/faq-back.png); background-position: top left; background-repeat:no-repeat;}

.accordion .card-header:after {font-family: 'FontAwesome';  content: "\f068";float: right; }
.accordion .card-header.collapsed:after {/* symbol for "collapsed" panels */content: "\f067"; }

#pclients {background-image:url(../poto/client-background.png); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; padding-bottom:50px; padding-top:50px;}

.demo-limit {background-color:#f8f6a2; border-color:#d0ce79; border-width:2px; border-style:solid; padding:20px; color:#926c73;}

#main-nav {border-bottom-color:#CCC; border-bottom-style:solid; border-bottom-width:1px;}
#main-nav .logo { margin-top:-25px;}
#main-nav .min-tit {font-size:17px; font-weight:600;}
#main-nav .pic-left {font-size:14px; margin-top:8px; font-weight:600;}

.font-14 { font-size:14px;}

.coupon-c {background-color:#0e3975; color:#FFF; padding-bottom:7px; padding-top:7px; text-align:center;}

.awardc {padding-bottom:30px; padding-top:50px; padding-left:30px; padding-right:30px;}

.main-att {background-image:url(../poto/top-ft-back.jpg); background-repeat:no-repeat; background-position:top center; padding-bottom:50px; padding-top:50px; color:#FFF; font-size:15px;}

.white-back {background-color:#FFF; color:#333; padding:20px;}

.div-op {opacity: 0.5;}
.div-op2 {opacity:0.9;}

#kd-store {padding-bottom:50px; padding-top:50px; background-image:url(../poto/store-head.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed;}
#kd-store .st-div {padding:10px; background-color:#FFF; color:#333; padding-bottom:1px;}
#kd-store .trophy {color:#edb500;}
#kd-store .top-pick {margin-top:-28px; margin-left:-28px;}
#kd-store .sub-style {padding:20px; padding-top:40px; padding-bottom:40px; background-color:#FFF; color:#333; margin-top:5px; text-align:center; border-color:#6ca2ee; border-style:solid; border-width:2px; border-top:none;}

.green-st {background-color:#d9f2da; border-left:#164917; border-left-style:solid; border-left-width:3px; padding:20px;}

.awardv {padding-bottom:30px; padding-top:30px; background-color:#f8f8f8;}

.hoverWrapper:hover .hoverShow1 {display: block;}
.hoverWrapper .hoverShow1 {display: none;position: absolute;}

.creview {padding-bottom:30px; padding-top:30px; background-color:#f8f8f8;}

.kupdates {border-top:#06C; border-top-color:#06C; border-top-style:solid; border-top-width:4px; padding:10px; background-color:#f8f8f8; padding-left:23px;}


.hr-order { border-color:#5fc8f1; border-style:dashed; border-width:1px;}


.btnorder {
    background-color: #ff851b; /* Green */
    border: none;
	border-bottom-color:#d46c11; border-bottom-style:solid; border-bottom-width:3px;
	border-right-color:#d46c11; border-right-style:solid; border-right-width:3px;
    color: white;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button1 {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}




.fa-check { color:#093;}
.fa-remove { color:#F00;}



























/* Start New CSS */
.table2 .container {position: relative; padding-left:5px; margin-bottom: 10px; cursor: pointer; font-size: 18px; font-weight:400;	color:#333;    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.table2 .container input {position: absolute; opacity: 0; cursor: pointer;}
/* Create a custom radio button */
.table2 .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; margin-top:4px; background-color: #dbd9d9; border-radius: 50%;}
/* On mouse-over, add a grey background color */
.table2 .container:hover input ~ .checkmark {background-color: #aeadad;}
/* When the radio button is checked, add a blue background */
.table2 .container input:checked ~ .checkmark {background-color: #2196F3;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.table2 .checkmark:after {content: ""; position: absolute; display: none;}
/* Show the indicator (dot/circle) when checked */
.table2 .container input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.table2 .container .checkmark:after {top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white;}



/* Start New CSS */
.table3 .container {position: relative; padding-left:5px; margin-bottom: 10px; cursor: pointer; font-size: 18px; font-weight:400;	color:#333;    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.table3 .container input {position: absolute; opacity: 0; cursor: pointer;}
/* Create a custom radio button */
.table3 .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; margin-top:4px; background-color: #dbd9d9; border-radius: 50%;}
/* On mouse-over, add a grey background color */
.table3 .container:hover input ~ .checkmark {background-color: #aeadad;}
/* When the radio button is checked, add a blue background */
.table3 .container input:checked ~ .checkmark {background-color: #2196F3;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.table3 .checkmark:after {content: ""; position: absolute; display: none;}
/* Show the indicator (dot/circle) when checked */
.table3 .container input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.table3 .container .checkmark:after {top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white;}


div.bottom-offer {
position: fixed;
    bottom: 0px;
	z-index:1000;
}

.dashed-ul {
    text-decoration-line: underline;
    text-decoration-style: dashed;
}

.g-takeout {background-image:url(../poto/mbox/google-tk-corner.png); background-repeat:no-repeat; background-position:top left; border-color:#cd1100; border-style:solid; border-width:3px; min-height:232px;}

.btngtk {
    background-color: #cf1100; /* Green */
    border: none;
	border-bottom-color:#CCC; border-bottom-style:solid; border-bottom-width:3px;
	border-right-color:#CCC; border-right-style:solid; border-right-width:3px;
    color: white;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button1 {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.checked {
    color: orange;
}

.hr-red-short { width:150px; border-style:solid; color:#F00; border-width:3px;}

.hr-full {border-style:solid; border-color:#CCC; width:300px; border-width:1px;}