/*   

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.9
Text Domain: pandorabox

*/
body{overflow-x:hidden;}
.col-2{float:left;width:40%;padding:0 5%;text-align:left;}
.clear{clear:both}
.homeblock #picture-home .wrapper .phone{width:100%;}
.mainmenu{background:#fff !important}
.mainmenu .menuwrapper .menulist ul li a{color:#242424  !important;}
.mainmenu .menuwrapper .menulist{float:right}
button, input.send, input[type="submit"], .hexagon .inner, .colorblock, .storebutton:hover, .iconmenu, .pb_slider .navigation:hover, .priceblock .block-container .pricetable .priceitem, .contactsblock .input-container input[type="submit"], .footerblock, .blogblock .navigation .page-numbers.current, .mainmenu .menuwrapper .menulist ul li ul li, .contactsblock .block-container .wrapper .contact-info a:hover, .contactsblock .block-container .wrapper .mailbutton.active{background:#4993cc !important}
.hexagon .inner:before{border-color:transparent transparent #4993cc transparent !important;}
.hexagon .inner:after{border-color:#4993cc transparent transparent transparent !important;}
.footerblock a, .footerblock{color:#4993cc !important;}
.footerblock{background:#f5f5f5 !important;}
.btn{display:inline-block;padding:8px 20px; border:3px solid #fff;text-transform:uppercase; text-decoration: none !important;transition: all 0.4s ease-in-out;text-align:center;font-size:24px;margin-top:30px;}
.btn:hover{border-color:#4993cc; background:#fff;color:#4993cc;}
.homeblock #picture-home .wrapper .container .shadow{display:none;}
.homeblock #description-home .wrapper .maintext{font-size:36px; line-height:48px;}
input:focus, textarea:focus, .skillsblock .skillcontainer .wrapper .skillogo .logocontainer, .teamblock .block-container .teamcontainer .personal:hover .photo, .contactsblock .block-container .wrapper .mailbutton.active, .contactsblock .block-container .wrapper .mailbutton:hover, .contactsblock .block-container .wrapper .mailbutton.active{border-color: #4993cc !important;}
.partnersblock{background: #f5f5f5 !important;}
.creator{margin-top:30px;float:right;font-size:12px;}

.mainmenu .menuwrapper .logoblock .companylogo{min-height:3.2em !important;}
.mainmenu{min-height:4.5em !important;}
.mainmenu .menuwrapper .menulist ul li a{padding:1.2em 0.5em !important;font-weight:400;}
.mainmenu .menuwrapper .menulist ul li a:hover{color:#4993cc !important; background:none;}
.mainmenu .menuwrapper .logoblock{position:relative;float:left;}

@media screen and (max-width: 1024px){
.homeblock .block-container .logoblock{min-height: auto !important; width:80% !important;display:block;margin:0 auto;}
.homeblock .logoblock img{width:100%; display:block; height: auto; margin:0 auto;}
.homeblock #description-home .wrapper .maintext{font-size:28px; line-height:36px;}
h2{font-size:170%}
.col-2{width:100%; margin-bottom:30px;}
}
.logo2{max-height:3.6em; margin-left:-90px; margin-top:5px;}
.info-image{max-width:200px;height:auto;display:block;width:100%;margin:40px auto;}
#home a.btn{border: 2px solid #fff; color:#fff !important}
#home a.btn:hover{background:#fff; color:#4993cc !important;}
a.btn{border:2px solid #4993cc; color:#4993cc !important;}
a.btn:hover{background: #4993cc; color:#fff !important;}

#map{margin:-50px -97px;position:relative;height:800px;}
#map .col-2{width:30%;height:200px; background: rgba(255,255,255,0.7); position:absolute;top:50%; left:5%;padding:40px; text-align:center;margin-top:-100px;}
#map .col-2:last-child{left:auto;right:5%;}
#map h4{font-size:16px; font-weight:bold;}

.pb_slider .rotator .slide .container .title{font-size:36px; line-height:44px;}
.pb_slider .rotator .slide .container .description{font-size:16px; line-height:24px;}

a, .whiteblock a, .socialblock .socialicon i:hover, .skillsblock .skillcontainer:hover .skillogo .logocontainer, .skillsblock .skillcontainer:hover .title, .blogblock .block-container .post .post-body .title a:hover, .blogblock .block-container .post .meta .type i:hover{color:#4993cc !important;}

@media (max-width:1160px){
.mainmenu .menuwrapper .logoblock .companylogo{
min-height:2.2em !important;
max-height:2.2em !important;
margin-top:10px;
}
}


@media (max-width:1024px){
#map{height:800px;padding:0;margin:-25px;}
#map .col-2{width:90%;padding:30px 5%;left:0;top:40px; height:auto; margin-top:0;}
#map .col-2:last-child{top:auto;bottom:40px;right:auto}
.homeblock .logoblock img{width:auto; max-width:100%;}
#home.homeblock.colorblock.block div.block-container{background:#fff;padding:100px 0 60px;}

}