/*
Theme Name: studiodev
Theme URI: 
Author: Studio Development
Author URI: http://studio-development.com/
Version: 1.0.0
*/


/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/**********************************************************************************************/
ul,li{
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Open Sans', Arial, sans-serif;
}
a{
    color: #61A0B2;
}
/*=== Header ===*/

.header-top{
    background: #5ba3b8;
    padding: 3px 0;
}
.header-menu-main {
    float: right;
}
.logo {
    padding: 5px 0;
}
.header-top-left{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.header-top-right .head_frame{width:500px !important; }

.header-top-right ul{
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.header-top-right {
    overflow: hidden;
}
.header-top-right .menu-top-menu-container {
    float: right;
}
.header-top-right ul li{
    float: left;
    padding: 0 5px;
}
.header-top-right ul li a{
    color: #fff;
    font-size: 15px;   
}
.header-top-right ul li:first-child:after{
    content: '';
    border-left: 1px;
    background: #fff;
    position: relative;
    top: 2px;
    right: -5px;
    width: 2px;
    height: 16px;
    display: inline-block;
}
.header-menu{
    background: #343434 url(images/bg-menu-header.png) repeat-x;
}
.header-menu #menu-main-menu{
    padding: 26px 0 0;
}
.header-menu .navbar-nav>li>a{
    font-size: 16px;
    color: #fff;
}
.header-menu .nav>li>a:focus, 
.header-menu .nav>li>a:hover,
.header-menu .nav .open>a, 
.header-menu .nav .open>a:focus, 
.header-menu .nav .open>a:hover{
    background-color: #4f4f4f;

}
.header-menu .dropdown-menu{
    background: #4f4f4f;
}
.header-menu .dropdown-menu>li{
    background-color: #4f4f4f;
    border-bottom: 1px solid #7d7d7d;
}
.header-menu .dropdown-menu>li>a{
    color: #fff;
    font-size: 12px;
}
.header-menu .dropdown-menu li a:hover, 
.header-menu .dropdown-menu li a:focus,
.header-menu .dropdown-menu>.active>a, 
.header-menu .dropdown-menu>.active>a:focus, 
.header-menu .dropdown-menu>.active>a:hover{
    background-color: #404040;
    color: #fff;
    background-image:none;
}

li.dropdown:hover> ul.dropdown-menu{
    display: block;
    top:85%;
}
li.dropdown:hover> ul.dropdown-menu>li.dropdown:hover> ul.dropdown-menu{
    display: block;
    position: absolute;
    top:0;
    left: 100%;
}
.header-menu .nav>li:last-child>a{
    background: #fe852c;
    background: linear-gradient(to bottom, #ff8b33 0%,#853802 100%);
    border: 1px solid #986111;
    padding: 3px 15px;
    margin-top: 10px;
    margin-left: 16px;
    border-radius: 3px;
    -webkit-box-shadow: 6px 7px 22px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 7px 22px 0px rgba(0,0,0,0.75);
    box-shadow: 6px 7px 22px 0px rgba(0,0,0,0.75);
}
.header-menu .nav>li:last-child>a:hover{
    background: #853802;
}
.header-menu .navbar-collapse{
    padding-right: 0px;
}

.header-bottom{
    background: url(images/bg-header-bottom.png) repeat-x;
}
.banner-main-slider{
    color: #fff;
    padding: 21px 0 0;
    overflow: hidden;
}
.header-contct-form{
    position: absolute;
    top:-6px;
    right: -45px;
    width: 524px;
    height: 298px;
    background: url(/wp-content/themes/bat-tech/images/bg_macbook.png);
}


.header-bottom-box{
    position: relative;
}
.form-header{
    margin: 37px 0 0 120px;
}

.form-header h1{
    margin: 0 0 5px; 
    color: #90b2bc;
    font-size: 24px; 
    text-transform: uppercase;
}

.form-header .form-group{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 0;
}
.form-header .form-control{
    height: 20px;
    padding: 2px 10px;
    border-radius: 0px;
    background: rgba(255,255,255,0.5);
    width: 210px;
    color: #fff;
}
.form-header .form-group label{
    width: 60px;
    font-weight: normal;
    font-size: 13px;
    vertical-align: top;
    margin-bottom: 0px;
}
.form-header .form-group textarea{
    border-radius: 0px;
    background: rgba(255,255,255,0.5);
    width: 210px;
    height: 41px;
    color: #fff;
}
#form-btn{
    margin-left: 155px;
    background: #fe852c;
    background: linear-gradient(to bottom, #ff8b33 0%,#853802 100%);
    border: 1px solid #986111;
    border-radius: 3px;
    color:#fff;
}
#form-btn:hover{
    background: #853802;
}
.header-bottom-border{
    background: url(images/border-header.png) repeat-x;
    height: 35px;
}
.text h1{
    text-transform: uppercase;
    font-weight: normal;
    color: #fff; 
}
/*=== Header END ===*/

.orange-btn{
    background: #fe852c;
    background: linear-gradient(to bottom, #ff8b33 0%,#853802 100%);
    border: 1px solid #986111;
    border-radius: 3px;
    color:#fff;
    padding: 3px 10px;
}
.orange-btn:hover{
     background: #853802;
    text-decoration: none;
    color: #fff;
}


/*=== Footer END ===*/

#footer{
    background: url(images/bg_footer.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    color: #fff;
    padding: 20px 0 50px;
}
#footer a{
    color: #fff;
}
.footer-top-box{
    background: #343434;
    position: relative;
    font-size: 11px;
    min-height: 125px;
    padding-top: 10px;
    border: 1px solid #484848;
    padding-right: 15px;
}
.footer-top-box:after{
    content: '';
    display: inline-block;
    clear: both;
}
.footer-top-box h1{
    font-size: 21px;
    margin: 0 0 5px;
}

.footer-top-box .img-box{
    position: absolute;
    top:0;
    left:-13px;
}
.footer-top {
    margin: 0 0 20px;
}
.footer-top-box .text-footer{
    margin-left: 100px;
}

.footer-top-box a.orange-btn{
    position: absolute;
    bottom: -12px;
    right: 15px;
}
.site-nav {
    border-top:1px solid #393939;
    border-bottom: 1px solid #393939;
    padding:15px 0 25px;
    overflow: hidden;
}
.site-nav .col-site-map{
    float: left;
    width: 20%;
    padding-right: 15px;
}
#footer .site-nav .col-site-map .nav>li>a{
    padding: 0px 0 5px;
    font-size: 12px;
    color: #b6b6b6;
}
.footer-navigation h2{
    color: #4c808c;
    font-size: 27px;
}
.footer-contacts .site-nav {
    min-height: 163px;
}
.footer-contacts .site-nav p{
    font-size: 15px;
    margin-bottom: 18px;
    color: #b6b6b6;
}

.footer-contacts .site-nav ul li{
    list-style: none;
    padding: 0 0 10px;
}
#footer .footer-contacts .site-nav ul li a{
    color: #b6b6b6;
    padding-left: 10px;
}
.col-site-map .widget{
    margin-bottom: 0px;
}
.menu-footer-menu-container{
    overflow: hidden;
}
#menu-footer-menu li{
    float: left;
    padding-right: 25px;
    list-style: none;
}
#menu-footer-menu li a{
    color: #676767;
    font-size: 12px;
}

#footer .nav>li>a:focus, 
#footer .nav>li>a:hover{
    background-color: inherit;
    text-decoration: underline;
}
/*=== Footer END ===*/

/*HOME PAGE*/
main#main{ 
    background: url(images/bg-main-content.png) repeat-x;
    margin-bottom: 80px;
}
.content-page h1.title-page{
    color: #fe6c00;
    font-size:35px;
}

.content-page ul{
    margin-left: 50px;
    margin-bottom: 20px;
}
.list-content ul li{
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
}
.content-page .list-content{
    margin: 10px 0 20px;
}
.list-content ul li a{
    color: #61A0B2;
    font-size: 14px;
}
.list-content ul li a .fa{
    padding-right: 8px;
    font-size: 16px;
}
.content-page .list-content ul{
    margin: 0;
}
.support-box{
    margin: 20px 0 0;
}
.support-box ul{
    margin: 0px;
    width: 100%;
  text-align: justify;
  font-size: 1px;
  line-height: 1px;
}
.support-box ul li{
    display: inline-block;
    list-style: none;
}
.support-box ul:after {
  display: inline-block;
  width: 100%;
  content: "";
  height: 0;
  font-size: 0;
  line-height: 0;
}
.support-box-index{
    position: relative;
    margin-top: 30px;
}
.img_mouse {
    position: absolute;
    top:-23px;
    right: -14px;
}
/*HOME PAGE END*/


/*SIDEBAR*/
.sidebar {
    margin-top: 50px;
    margin-left: 30px;
}
.sidebar-support{
    margin-bottom: 50px;
}
.news_box .ndate {
    font-size: 10px;
    color: #525252;
}
.news_box .ntitle {
    color: #3995aa;
    font-size: 11px;
}
.news_box p {
    color: #464646;
    font-size: 11px;
    line-height: 14px;
}
.news_box {
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
}
.nread a.orange-btn{
    font-size: 12px;
    float: right;
    padding: 0 8px;
}


/*SIDEBAR END*/


/*INNER PAGE*/

.inner-page{
    margin-top: 30px;
}

.inner-page .sidebar{
    padding-top: 50px;
}

.blog-page h1.page-title{
    font-size: 20px;
    color: #5aa2b7;
}
.blog-page h1.page-title a{
    color: #5aa2b7;
}
.entry-meta{
    color: #acacac;
    font-size: 12px;
    margin: 0 0 10px;
}
.blog-sidebar{
    margin: 0 0 20px;
}
.blog-sidebar ul{
    margin: 0px 0 20px;
}
.blog-sidebar ul li{
    list-style: none;
    padding: 0 0 5px;
}
blockquote{
    font-size: 14px;
}
.sidebar #testimonials_widget-2 h3 a{
    color: #333;
}
.testimonials-widget-testimonial .author{
    font-weight: bold;
}
/*INNER PAGE END*/

/*CONTACT PAGE*/

.contact-page-form .wpcf7-form-control{
    margin-bottom: 15px;
}
.contact-page-form .wpcf7-form-control.wpcf7-textarea{
    max-height: 100px;
    margin-top: 10px;
}
.contact-page-form button{
    float: right;
}


.book-service .wpcf7-form-control{
    width:100%;
}
.book-service .wpcf7-radio{
    display: block;
    margin-bottom: 10px;
}
.book-service .wpcf7-radio .wpcf7-list-item{
    display: block;
    margin-bottom: 0px;
}
.contact-page-form.book-service .wpcf7-form-control.wpcf7-textarea{
    margin-top: 0px;
}
/*CONATCT PAGE END*/

.navbar-toggle{border: 1px solid #fff;}
.navbar-toggle .icon-bar{background: #fff;}

@media (max-width: 768px) {
    .header-top-left{font-size: 12px;    text-align: center;}
    .navbar-header {padding-top: 19px;}
    .navbar-header{
        position: absolute;
        top: -69px;
        right: 10px;
    }
    .header-menu-main{float: none;}
    .header-menu-main .navbar-nav{
        margin: 10px 0;
    }
    .header-contct-form{display: none;}
    .header-menu-main #menu-main-menu{padding: 0px;}
    .header-menu-main .navbar-nav>li>a{font-size: 14px;}
    .navbar-nav>li>a{line-height: 14px;}
    .navbar-nav>li>.dropdown-menu{width:100%;}
    .dropdown-menu{
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .header-menu-main .nav>li:last-child>a{
        margin-top: 0px;
        margin-left: 0px;
        max-width: 290px;
        box-shadow: none;
        text-align: center;
    }
    .header-top-right ul li{
        float: none;
        display: inline-block;
    }
    .header-top-right .menu-top-menu-container{
        float: none;
        text-align: center;
    }
    .banner-main-slider .bx-wrapper img{
        display: none;
    }
    .text h1{
        font-size: 24px;
    }
    .img_mouse{display: none;}
    .content-page .list-content{
       /* text-align: center;*/
        margin: 0 0 10px;
    }
    .list-content ul li{padding: 0 0 5px;}
    .footer-top-box{margin-bottom: 20px;}
    .site-nav .col-site-map{width:50%;}
    .inner-page .sidebar{padding-top:0px; margin-left: 0px; margin-top: 30px; }
    .inner-header .header-bottom-box img{display: none;}
    .inner-page{margin-top: 0px;    text-align: justify;}
    .content-page h1.title-page{font-size: 28px;}
    .blog-page{text-align: left;}
    .contact-page-form .wpcf7-form-control{margin-bottom: 0px; width:100%;}
    .ui-accordion .ui-accordion-header{font-size: 14px !important;} 
    .ui-accordion .ui-accordion-content p{font-size: 12px;}
    .form-group{margin-bottom: 0px;}
    ul.bxslider li{padding: 0 5px;}
    .support-box-index{display: none;}
    .sidebar{
        margin-left: 0px;
    }
}

.banner-main-slider { visibility: hidden; } 
.content-page h5{
    font-size: 18px;
    line-height: 21px;
}


.header-top-right.head_frame iframe.connect_frame{
     width:58%;
     float:left;
}
.header-top-right.head_frame .menu-top-menu-container{
     width:40%;
     float:right;
}
.header-top-right.head_frame iframe.connect_frame #embedRSDiv{
   padding:0!important;
}

#embedRSDiv input {float:left !important}

.sidebar  iframe.connect_frame{
height:150px !important;
}