/*color*/
/*darker blue: rgba(28, 53, 93, 1)*/
/*dark blue: rgba(44, 129, 186, 1)*/
/*blue : rgba(71, 174, 227, 1)*/
/*grey rgba(0, 0, 0, 0.5)*/
/*purple rgb(166, 11, 122, 1);*/

::-moz-selection {color:white;background: rgba(44, 129, 186, 1);}
::selection {color:white;background: rgba(44, 129, 186, 1);}

/*generic*/
body, h1, h2, h3 ,h4, h5, h6, p, span, div, article {font-family: "Roboto","Noto Sans SC" Arimo, Helvetica, Arial, 'MS PGothic', Osaka, sans-serif;font-weight: 300;}
h3, h4 {font-size: 17px;color:rgba(44, 129, 186, 1)}
p{font-size: 14px;}
.page-wrapper{min-height: 660px;padding-bottom: 30px;}
.breadcrumb{ background:white;}
.banner{position:relative;}
.color_banner{position:absolute;left: 15px;top: 0;width: 92%;}
.banner h1{position: initial;text-align: center;}
.inner-content{margin-top:30px;}
.panel-default > .panel-heading {color: #ffffff;background-color: rgba(71, 174, 227, 1);}
.banner-wrapper{position: relative;height: 100%;width: 100%;overflow: hidden}
.banner-wrapper:before {content:"";position:absolute;top:0;left:0px;background: url('/wp-content/uploads/2016/04/dakin_inner_color_box_2.png') top left no-repeat;width: 100%;height: 100%;}
.banner-wrapper h1 {position: absolute;top:20px;left:20px;color: white;text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;}
.sidebar .list-inline > li {padding-left: 0px;padding-right: 0px;display: block;}
.sidebar {margin-bottom: 30px;}
.sidebar ul {list-style-type: none;margin: 0;padding: 0;width: 200px;background-color: rgba(71, 174, 227, 1);}
.sidebar li {border-bottom: 1px solid rgba(128, 128, 128, 0.3);}
.sidebar ul.sub-menu li a{padding-left: 20px;background-color: white;}
.sidebar ul.sub-menu li a:hover{padding-left: 20px;background-color: rgba(71, 174, 227, 0.3);color: white;}
.sidebar li a {display: block;color: #000;padding: 12px 0 12px 16px;text-decoration: none;}
.sidebar a:hover {background-color: rgba(71, 174, 227, 0.5);color: white;}

/*wpml*/
#lang_sel_list ul a, #lang_sel_list ul a:visited, #lang_sel_list ul a, #lang_sel_list ul a:hover, #lang_sel_list ul a:active {background:rgba(255, 255, 255, 1);font-size: 14px;padding:10px 8px;}
header .navbar-right #lang_sel_list ul a, header .navbar-right #lang_sel_list ul a:visited, header .navbar-right #lang_sel_list ul a, header .navbar-right #lang_sel_list ul a:hover, header .navbar-right #lang_sel_list ul a:active {background:rgba(44, 129, 186, 1);color:white;font-size: 12px;padding:10px 8px;}

/*header*/
header{border-top:6px solid rgba(71, 174, 227, 1);border-bottom:2px solid rgba(71, 174, 227, 1);min-height: 120px;}
header .navbar {margin-bottom: 0;border:0;}
header .navbar .container{position: relative;}
header .navbar-brand {padding:0;margin-top: 10px;float: none;display: block;}
header .navbar-brand img {max-width: 250px;}
header .navbar-toggle {float: none;right: 0;top: 0;z-index: 9999;position: absolute;}
header .navbar-toggle .icon-bar {background: rgba(0, 0, 0, 0.5);}
header .main-menu {margin-top: 10px; margin-left: 40px;font-size: 16px;font-weight: 100}
header .main-menu > li {padding: 0 10px;}
header .main-menu > li > a {padding:50px 20px 30px 20px;;border-bottom: 4px solid rgba(44, 129, 186, 0);transition: border-color; transition-duration: .8s;font-weight: bolder;}
header .main-menu > li > a:hover {border-bottom: 4px solid rgba(44, 129, 186, 1);}
header .navbar-right {background: rgba(44, 129, 186, 1); color:white;float:none;position:absolute;top:0;right:20px;padding: 4px 10px;}
header .navbar-right .form-control {background: rgba(44, 129, 186, 1);color:white;border:0;padding: 4px 10px;-webkit-box-shadow:none;box-shadow:none;}
header .navbar-right:after{border-style:solid;height:40px;width: 40px;position: absolute;top:0;left:100%;content:"";border-width: 40px 40px 0 0;border-color: rgba(44, 129, 186, 1) transparent transparent transparent;}
header .navbar-right form {display: inline-block;}
header .navbar-right form ::-webkit-input-placeholder {color:white;}
header .navbar-right form :-moz-placeholder {color:white;opacity:1;}
header .navbar-right form ::-moz-placeholder {color:white;opacity:1;}
header .navbar-right form :-ms-input-placeholder {color:white;}
header .navbar-right .toggle-search {margin-bottom: 0;font-size: 14px;padding: 6px 8px;cursor: pointer;display: inline-block;}

/*home*/
#home.page-wrapper{position: relative;overflow: auto;}
#home.page-wrapper:before {width:100%;height: 100%;content:"";top:0;left:0;position: absolute;background: url('/wp-content/uploads/2016/04/dakin_shadow2.png') left top no-repeat;}
#home .home-hero h1 {color:white;text-transform: uppercase;;margin-top: 140px;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;}
#home .home-hero h2 {color:white;font-weight: 100;font-size: 20px;line-height: 1.8;text-shadow: 2px 2px 5px black; text-align: left;}
#home .home-hero p {font-size: 20px;font-weight: 400;}
#home .home-boxes {background: rgba(255, 255, 255, .4);margin-bottom: 20px;margin-top: 40px;}
#home .home-boxes h4 {background: rgba(255, 255, 255, .7);font-weight: 400;padding: 16px 20px; border-bottom: 10px solid rgba(71, 174, 227, 1);margin-bottom: 20px;color:rgba(44, 129, 186, 1)}
#home .home-box > div{margin-bottom: 20px;padding:20px 20px;width:100%;background: url('/wp-content/uploads/2016/04/dakin_single_box.png') center center no-repeat;background-size:cover;height: 200px;display: inline-block;box-shadow: 0 0 1px rgba(44, 129, 186, 1);transition: box-shadow; transition-duration: .3s;cursor: pointer}
#home .home-box > div:hover{box-shadow: 0 0 3px rgba(44, 129, 186, 1);}
#home .home-box.dark-blue-bg-img > div{background: url('/wp-content/uploads/2016/04/dakin_special_box.png') center center no-repeat;background-size:cover;}
#home .home-box > div h6 {color:rgba(44, 129, 186, 1);font-size: 32px;height: 100px;font-weight: 100;margin-bottom: 20px;}
#home .home-box.dark-blue-bg-img h6 {color:white;}
#home .home-box > div .btn-triangle-outline {border:1px solid rgba(44, 129, 186, 1);padding:10px 20px;color:rgba(44, 129, 186, 1)}
#home .home-box > div .btn-triangle-outline:hover {border:1px solid white;padding:10px 20px;background:rgba(28, 53, 93, 1);color:white;transition: background;transition-duration: .8s}
#home .home-box.dark-blue-bg-img .btn-triangle-outline {border:1px solid white;padding:10px 20px;color:white;}
#home .home-box.dark-blue-bg-img .btn-triangle-outline:hover {padding:10px 20px;background:rgba(28, 53, 93, 1);color:white;}

/*about*/
#about  h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}
#about .inner-content > p{padding-bottom: 20px;}


/*service*/
#service  h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}
#service .service-box{border:1px solid rgba(71, 174, 227, 1);padding: 0 15px;margin-bottom: 20px;}
#service .service-box:hover{background:rgba(0, 0, 0, 0.2);}
#service .service-box a:hover{color:white;}

/*ipo*/
#service_ipo  h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}
#service_ipo .box {border: 0.5px solid rgba(44, 129, 186, 0.4);padding: 0 30px 20px 30px;margin-bottom: 20px; min-height: 300px;}
#service_ipo .box img{padding: 40px 0;}
#service_ipo .box h4{text-align: center;padding-bottom: 10px;color: rgba(44, 129, 186, 1);font-size:16px;}
#service_ipo .box p{text-align:center;font-size: 12px;}

/*service_template*/
#service_template h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;}
#service_template .service-box{border:1px solid rgba(71, 174, 227, 1);padding: 0 15px;margin-bottom: 20px;}
#service_template .service-box:hover{background:rgba(0, 0, 0, 0.2);}
#service_template .service-box a:hover{color:white;}

/*service-download*/
#service-download h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;}
#service-download .same-line .second{margin: 0;}
#service-download .service-box img{margin-top: 10px;}
#service-download .service-box-charge img{margin-top: 10px;}
#service-download .same-line p{display:inline;}
#service-download .same-line h5{display:inline;}

/*service_advisory*/
#service_advisory  h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}
#service_advisory .box {border: 0.5px solid rgba(44, 129, 186, 0.1);padding: 0 30px 20px 30px;margin-bottom: 20px; min-height: 400px;}
#service_advisory .box img{padding: 40px 0;}
#service_advisory .box h4{text-align: center;padding-bottom: 10px;color: rgba(44, 129, 186, 1);font-size:17px;}
#service_advisory .box p{text-align:center;font-size: 14px;}

/*prinicipal*/
#service_principal .profile-box{position:relative;}
#service_principal .profile-box h4{border: 0.5px solid rgba(44, 129, 186, 0.4);padding: 20px 10px;margin: 0;font-size:17px;}
#service_principal .profile-box p{background: rgba(44, 129, 186, 1);padding: 20px 10px;margin: 0;color:white;margin-bottom: 30px;}
#service_principal .color-box{border-style: solid;height: 65px;width: 59px;position: absolute;bottom: 0;right: 0;content: "";border-width: 0 0 59px 59px;border-color: transparent transparent rgb(255, 255, 255) transparent;}
#service_principal h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

/*donwload*/
#service-download h1{text-transform: uppercase;font-size: 20px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}
#service-download .service-box{border:1px solid rgba(71, 174, 227, 1);padding: 0 15px;margin-bottom: 20px;padding-bottom: 20px;}
#service-download .service-box p{padding-bottom: 10px;}
#service-download .service-box-charge{cursor:pointer;}
#service-download .service-box-charge:hover {background-color:rgba(71, 174, 227, 1);}
#service-download .service-box-charge:hover h4{color:white;}
#service-download .service-box a{cursor: pointer;}
/*contacts*/
#contact .map {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
#contact .map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#contact .address img{display:none;}
#contact .wpcf7-text{width: 80%;padding: 5px;margin: 10px 0;border:rgba(44, 129, 186, 1) 1px solid;}
#contact .wpcf7-textarea{width: 80%;padding: 5px;margin: 10px 0;border-color:rgba(44, 129, 186, 0.4);}
#contact .wpcf7-submit{color: white;background: rgba(71, 174, 227, 1);border: 0;padding: 10px 25px;}
#contact .wpcf7-submit:hover{background: rgba(44, 129, 186, 1);}
#contact .contact-info{position: relative;background: #47AEE3;padding: 20px 20px 100px 40px;color: white;}
#contact .white-angle{border-style: solid;height: 65px;width: 59px;position: absolute;bottom: 0;right: 0;content: "";border-width: 0 0 59px 59px;border-color: transparent transparent rgb(255, 255, 255) transparent;}

/*footer*/
footer {background:rgba(71, 174, 227, 1);color:white;padding:14px 0;}
footer a {color:white;}
footer ul, footer p {margin-bottom: 0;font-size: 14px;}
footer .col-md-8 {text-align: center}
footer .col-md-4 {text-align: center}

/*404*/
#error_404 .error_text{text-align: center;}
#error_404 .error_text h1{font-size: 100px;font-weight: 500;color: rgba(71, 174, 227, 1);padding: 30px 0;}
#error_404 .error_text h4{font-size: 20px;}
#error_404 .error_text a{font-size: 12px;padding:0 10px;}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

@media (min-width: 768px) {
  /*header*/
  header .navbar-brand {float: left;}

  /*generic*/
  .color_banner{width: 97%;}
  .banner h1{position: absolute;left: 5%;top: 0;color:white;}

  /*about*/
  #about h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

  /*about*/
  #about h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

  /*service_template*/
  #service_template h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

  /*service*/
  #service h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

  /*service_advisory*/
  #service_advisory h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

  /*service-download*/
  #service-download h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}
  #service-download .same-line p{display: block;}
  #service-download .same-line h5{display: inline-flex;}
  #service-download .same-line h4{display: inline-flex;}
  #service-download .service-box p{padding-bottom: 0;}
  #service-download .service-box img{margin-top: -2px;;margin-left: 10px;}
  #service-download .service-box-charge img{margin-top: 0;}
  #service-download p{margin-bottom: 0;}
  p.second{margin-right: -50px !important;}
  /*service_ipo*/
  #service_ipo h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

  /*service_principal*/
  #service_principal h1{text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;color: white;position: absolute;top: -5px;padding-left: 10px;}

  /*contacts*/
  .map img{display: block;position: absolute;left: 0;top: 0;z-index:99;}
  .address{position:absolute;}
  .address > h1{z-index:999;color:white;position:absolute;text-transform: uppercase;font-size: 40px;text-shadow: 2px 2px 5px black;font-weight: bold;}
  .address p{z-index:999;color:white;position:absolute;top: 80px;line-height: 30px;}
  #contact .contact-info{margin-top: 60px;margin-left: -30px;}

  /*404*/
  #error_404 .error_text{text-align: center;}
  #error_404 .error_text h1{font-size: 200px;font-weight: 500;color: rgba(71, 174, 227, 1);padding: 30px 0;}
  #error_404 .error_text h4{font-size:32px;}
  #error_404 .error_text a{font-size: 20px;padding: 0 20px;}

  /*footer*/
  footer{background-color:rgba(71, 174, 227, 1) ;}
  footer .col-md-8 {text-align: left}
  footer .col-md-4 {text-align: right}

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}