/*   

Theme Name: PandoraBox
Theme URI: iltaen.com/pandorabox
Description: Mobile Develop Onepage WordPress Template
Author: iltaen
Author URI: http://themeforest.net/user/Iltaen
License: GNU General Public License
License URI: license.txt
Tags: green, white, fluid-layout, responsive-layout, one-column, custom-colors, featured-images, full-width-template, post-formats, sticky-post, theme-options
Version: 1.3.0

*/

.black-button {
    background-color: #000000 !important;
}
.black-button a:link {
    color: #FFFFFF !important;
}
.block .block-container .storebuttons {
    position: relative;
    margin-top: 2em;
}
blockquote {
    background: #ffffff;
    border: 0px;
}
.bx-controls.bx-has-controls-direction {
    position: relative;
    top: -65px;
}
.tslider blockquote footer, .tslider blockquote footer a {
    padding: 20px;
    margin: 20px;
    text-align: center !important;
}
.footerblock {
    background-image: url('https://www.hawk-igpspunchclock.com/wp-content/uploads/polygon_triangles_bg.jpg');
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.footer-box {
    border: 2px solid #5699ea;
    padding: 40px 0px;
    color: #1E181880;
    font-size: 120%;
}
.blue-button {
    border-radius: 10px;
    color: #FFFFFF;
    padding: 10px;
    background: rgba(30,112,206,1);
    background: -moz-linear-gradient(-45deg, rgba(30,112,206,1) 0%, rgba(117,181,255,1) 77%, rgba(30,112,206,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(30,112,206,1)), color-stop(77%, rgba(117,181,255,1)), color-stop(100%, rgba(30,112,206,1)));
    background: -webkit-linear-gradient(-45deg, rgba(30,112,206,1) 0%, rgba(117,181,255,1) 77%, rgba(30,112,206,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(30,112,206,1) 0%, rgba(117,181,255,1) 77%, rgba(30,112,206,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(30,112,206,1) 0%, rgba(117,181,255,1) 77%, rgba(30,112,206,1) 100%);
    background: linear-gradient(135deg, rgba(30,112,206,1) 0%, rgb(3, 91, 191) 77%, rgba(30,112,206,1) 100%);
    border: 2px solid #b3d6ff;
    font-weight: bold;
}


#accordions-46 .accordion-content {

}
#accordions-46 .accordion-content {

    background: #ffffff none repeat scroll 0 0;
    color: #333333;
    font-size: 13px;

}
.ui-accordion-content-active:not([aria-hidden="false"]) {
    border: 0;
}
.priceblock .block-container .pricetable .priceitem .wrapper .title {
    font-size: 21px;
}
.price-sub {
    font-size: 9pt;
}
.priceblock .block-container .pricetable .priceitem .wrapper .cost .container h1 {
    font-size: 30px;
    float: none;
}
.apprx {
    font-size: small;
    position: relative;
    top: -20px;
}
.priceblock .block-container .pricetable .priceitem .wrapper .button {
    background-color: #FFFFFF;
    font-weight: 900;
}

/** Pasted from old web site **/

.black-button {background-color: #000000 !important;}
.black-button a:link {color: #FFFFFF !important;}
.black-button a:visited {color: #FFFFFF !important;}
.black-button a:active {color: #FFFFFF !important;}
.black-button a:hover {color: #DDDDDD !important;}

.homeblock #description-home .wrapper .mobilebrands {float: left !important;}

.blogblock {min-height: 40%;}


blockquote {background: #ffffff; border: 0px;}
.tslider blockquote footer, .tslider blockquote footer a {text-align: center !important;}

.priceblock .block-container .pricetable .priceitem .wrapper .button {background-color: #FFFFFF; font-weight: 900;} 

.mainmenu .menuwrapper .logoblock .companylogo {opacity: 1;}

/* .mainmenu .menuwrapper .menulist {margin-left: 235px;} */


.blue-button:hover {
background: #2d4bf080;
border: 2px solid #ffffff;
}

.blogblock .block-container {background-color: #FFFFFF;}

.teamblock .block-container .teamcontainer {text-align: center;}

.tslider blockquote footer, .tslider blockquote footer a {padding: 20px; margin: 20px;}

.tslider blockquote p {text-align: center;}

.homeblock #description-home {text-align: left;}

.tslider blockquote footer:before {content: none !important;}

.priceblock .block-container .pricetable .priceitem .wrapper .cost .container h1 {font-size: 30px; float: none;}
.priceblock .block-container .pricetable .priceitem .wrapper .cost .container .line {float: none;}
.priceblock .block-container .infoblock {margin-top: 120px; width: 95%; margin-bottom: 0px !important;}
.priceblock .block-container .pricetable {margin: -180px 0 20px 0;}
.priceblock .block-container .infoblock .contacticons {display: none;}
.priceblock .block-container .pricetable .priceitem .wrapper .title {font-size: 21px;}

input, textarea {width: 100%;}
input[type="checkbox"] {width: auto;}
span.wpcf7-list-item {margin: 0 0 0 0;}

.price-sub {font-size:9pt;}
.apprx {font-size: small; position: relative; top: -20px;}
.bx-controls.bx-has-controls-direction {position: relative;top: -65px;}




/* ###################### */
/*      Smartphones       */
/* ###################### */
@media (max-width: 480px) {
ul {list-style-type: none;}
.homeblock #description-home .wrapper .mobilebrands {float: none !important;}
.bx-wrapper {margin: -20px 0 130px 0!important;}
.column {width: 100% !important;}
.mobile-hidden {display: none;}
.priceblock .block-container .pricetable .priceitem .wrapper .title {font-size: 18px;}
}



/* ###################### */
/* Smartphones to Tablets */
/* ###################### */
@media (min-width: 481px) and (max-width: 1075px) {
ul {list-style-type: none;}
.homeblock #description-home .wrapper .mobilebrands {float: none !important;}
.bx-wrapper {margin: -20px 0 130px 0!important;}
.column {width: 100% !important;}
.mobile-hidden {display: none;}
.priceblock .block-container .pricetable .priceitem .wrapper .title {font-size: 18px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { ul {list-style-type: none;}}


/* ###################### */
/*        Tablets         */
/* ###################### */
@media (min-width: 768px) and (max-width: 1024px) {
ul {list-style-type: none;}
.homeblock #description-home .wrapper .mobilebrands {float: none !important;}
.bx-wrapper {margin: -20px 0 130px 0!important;}
.mobile-only {display: none;}
}


/* ###################### */
/*        Desktop         */
/* ###################### */
@media (min-width: 1160px) and (max-width: 1249px) {
.mainmenu .menuwrapper .menulist {margin-left: 0;}
.mainmenu .menuwrapper .menulist ul li a {font-size: 10pt; padding: 1em 1em;}
.column-group {width: 88% !important;}
.mobile-only {display: none;}

.priceblock .block-container .pricetable .priceitem .wrapper .title {font-size: 16px;}
}


/* ###################### */
/*      Large Display     */
/* ###################### */
@media (min-width: 1250px) and (max-width: 1499px) {
.mainmenu .menuwrapper .menulist {margin-left: 0;}
.column-group {width: 88% !important;}
.mobile-only {display: none;}
}

/* ###################### */
/*   BIG DISPLAYS     */
/* ###################### */
@media (min-width: 1500px) {
.mainmenu .menuwrapper .menulist {margin-left: 235px;}
.column-group {width: 88% !important;}
.mobile-only {display: none;}

}


/* ###################### */
/*   CUSTOM QUERIES     */
/* ###################### */
@media (min-width: 1025px) and (max-width: 1187px) {
.price-sub {font-size:7.5pt;}
.priceblock .block-container .pricetable .priceitem .wrapper .title {font-size: 16px;}

}

.wpcf7-list-item.last input {
    float: left;
    margin: 8px 5px 0 0;
}

.footerblock .block-container {
    padding-bottom: 100px;
}
.footerblock .footerbar a {
    color: rgb(255, 255, 255);
}
.page-template-about-us .teamblock.whiteblock.block {
    padding-bottom: 0px;
}
.mobileicon .blue-button {
    padding: 10px 13px;
}
.incon-heandler .fa {
    font-size: 400%;
    color: #1e70ce;
}
.incon-heandler {
    float: left;
    padding: 0px 40px 0 30px;
    height: 100px;
}
.incon-heandler .fa.fa-desktop {
    font-size: 250%;
}
.incon-heandler.desktop {
    padding: 10px 25px 0 25px;
}
ul.round-line {
	counter-reset: li;
	list-style-type: none;
	font-size: 14px;
	line-height: 40px;
	padding-left: 10px;
	margin-left: -45px;
}
ul.round-line li {
	position: relative;
	padding: 10px 0px 15px 70px;
	margin-bottom: 10px;
}
ul.round-line li:before {
	content: counter(li);
	counter-increment: li;
	height: 40px;
	width: 40px;
	border: 10px solid #ceddf0;
	border-radius: 50%;
	color: #0039ff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 30px;
	background-color: #fff;
}
.round-line-container {
    display: flex;
}
.line-t {
    align-items: stretch;
    background-color: #ceddf0;
    margin-left: ;
    width: 10px;
    margin: 10px 0 15px 45px;
}
.mainmenu .menuwrapper .menulist {
    max-width: 100% !important;
}

#menu-item-347,
#menu-item-348,
#menu-item-349,
#menu-item-350 {
	color: #fff;
}

#menu-item-347::before,
#menu-item-348::before,
#menu-item-349::before,
#menu-item-350::before {
	margin-right: -26px;
	font-size: 20px;
	line-height: 40px;
}


#menu-item-347 a:hover,
#menu-item-348 a:hover,
#menu-item-349 a:hover,
#menu-item-350 a:hover {
	background-color: transparent;
}



#menu-item-117 {
    border: 2px solid #1E70CE;
	border-radius: 4px;
	background-color: #fff;  
	height: 35px;
    line-height: 10px;
}
#menu-item-117 a {
	color: #1E70CE;
}
#menu-item-115, #menu-item-116 {
    color: #fff;
}
#menu-item-115::before, #menu-item-116::before {
margin-right: -26px;
font-size: 30px;
line-height: 40px;
}

#menu-item-115 a:hover, #menu-item-116 a:hover {
background-color: transparent;
}

@media (max-width: 925px) {
	#menu-item-347, #menu-item-348, #menu-item-349, #menu-item-350 {
		display: none;
	}
}
@media (max-width: 800px) {
	#menu-item-347, #menu-item-348, #menu-item-349, #menu-item-350 {
		display: none;
	}
}

@media (max-width: 925px) {
	#menu-item-115, #menu-item-116, #menu-item-117 {
		display: none;
	}
}


@media (max-width: 800px) {
	#menu-item-115, #menu-item-116 {
   		display: none;
	}
	#menu-item-117 {
   		border: 0px !important;
	}
}


@media (min-width: 1024px) and (max-width: 1199px) {
	.mainmenu .menuwrapper .menulist ul li a {
    	font-size: 10pt;
    	padding: 1em 0.8em;
	}
	.mainmenu .menuwrapper .menulist {
		margin-left: 235px;
	}
}

#team {
    padding: 0;
}
.storebutton {
    background-color: #1e70ce !important;
}
.storebutton {
    background-color: #1e70ce !important;
}
.storebutton:hover {
    background-color: #15539b !important;
}
.black-button {
    background-color: transparent !important;
    border: 2px solid;
}
.blue-button {
    color: #fff;
	border: 2px solid #1E70CE;
}

.onhoverdipblue:hover {
	/*background-color: #1E70CE;*/
}
.black-button:hover {
    background-color: #10519B !important;
}
.wb-button {
    color: #1e70ce;
    background-color: #fff;
    border: 2px solid #1e70ce;
}
.wb-button:hover {
    color: #1e70ce;
    background-color: #95a4b633;
    border: 2px solid #1e70ce;
}
#skills {
    padding: 0;
}

#skills .block-container {
	padding-top: 0px;
}
#bg {
    background-color: #fff !important;
}
article h2, article h3.title {
    text-transform: none !important;
}

.blogblock .block-container .article-post .meta {
    width: 220px !important;
}

.blogblock .block-container .article-post .post-body {
    margin-left: 280px !important;
}