/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  @font-face 
    {
    font-family: MyriadPro;
    src: url('fonts/MyriadPro-Regular.eot'); /* IE9 Compatibility Modes */
    src: url('fonts/MyriadPro-Regular.eot?') format('eot'),  /* IE6-IE8 */
    url('fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */
    }
    
    @font-face {
    font-family: 'helveticaregular';
    src: url('fonts/4864-webfont.eot');
    src: url('fonts/4864-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/4864-webfont.woff') format('woff'),
         url('fonts/4864-webfont.ttf') format('truetype'),
         url('fonts/4864-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
     
   ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
   ::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
   
   .img-gap {padding:10px 0; }
   #header a{color: #fff;}
   p { margin:0; padding:0; font-size:18px; line-height:24px; font-family:'helveticaregular'; font-weight:normal; color:#5a5a5a; text-align:left; }
   p.copy { margin:20px 0; padding:0; font-size:14px; line-height:16px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; clear: both;  }
   p.copy a { margin:0; padding:0; font-size:14px; line-height:16px; font-family:georgia; font-weight:normal; color:#fff; text-decoration:underline;}
   p.copy a:hover { color:#8f111d; }
   .read-more { margin:0 0 0 2%; padding:0; float:left; }
.read-more a { margin:0; padding:0; font-size:15px; line-height:17px; font-family:georgia; font-weight:bold; color:#59161d; text-align:left; }
.read-more a:hover { color:#000; text-decoration: none;}
   
   #layout-wrapper{margin:0; padding:0; width:100%; }
   #header {margin:0; padding:0; width:100%; float:left; }
   
   .call-us {margin:0; padding:0; width:55%; float:left; }
   .call-us p { margin:0; padding:8px; font-size:16px; line-height:22px; font-family:georgia; font-weight:normal; color:#fff; text-align: left;}
   .header-right { margin:8px; padding:0; width:22%; float:right; }
   
   .country { margin:0; padding:0; width:50%; float:left; }
   ul.country_list { margin:0; padding:0; list-style:none; }
   ul.country_list li { margin:0; padding:0; display:inline;color:#fff; }
   ul.country_list li a { margin:0; padding:0; font-size:14px; line-height:16px; font-family:'helveticaregular'; font-weight:normal; color:#fff; text-align:left; clear:both; }
   
   .social-area { margin:0; padding:0; width:50%; float:right; }
   ul.social-icon { margin:0; padding:0; list-style:none; text-align: right;}
   ul.social-icon li {margin:0; padding:0 2% 0 0; display:inline; }
   ul.social-icon li a {margin:0; padding:0; display:inline; text-style:none;}
   
   .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center; }
   
      
   .navbar-nav{width: 100%;}
   .navbar-inverse { background:transparent; float: left; margin: 0; padding: 0; width: 100%; }
   .navbar { margin:0; padding:5px 0; width:100%; float:left; box-shadow:0; background:url(img/menu-bg.jpg) repeat-x; }
   .main-area {width:1000px; margin:0 auto; padding:0; }
   #main-area {width:100%; margin:0; padding:10px; background:#03a0c3;float:left; border-radius:12px 12px 0 0; }
   .navbar-header {margin: 0; padding:0; float:right; width:100%;}
   /*.navbar-nav { /*float: left; margin: 0 auto;  width:870px; }*/
   
   .navbar-nav > li { display: block; margin:0 0 10px; padding:0; border-right:1px solid #fff; }
   .navbar-nav > li.last { border-right:0px solid #bbb; }
   .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 15px; font-size:13px; line-height:25px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 15px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; background:url(img/hover.jpg) no-repeat bottom center;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 15px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; background:url(img/hover.jpg) no-repeat bottom center;  }

   .navbar > .container .navbar-brand {margin-left: 0;}
   .navbar-toggle {background-color:#03a0c3;}
   
   
   
   #banner {margin:0; padding:0; width:100%; float:left; text-align:center; }
   #banner > img { border-top: medium none; border-left: 5px solid #000; border-right: 5px solid #000; border-bottom: 5px solid #000;}
   #top-content {margin:0; padding:0; width:100%; float:left; background:#fff; }
   .heading { width:26%; margin:0 auto;  padding:0; }
   .col-xs-4 { width:50%; padding:0; }
   .col-xs-4-a { width:40%; padding:0;float:left; }
   .col-xs-4-b { width:60%; padding:0;float:left;  }
   
   
   .col-xs-5 { width:100%; padding:0; }
   .col-xs-2 { width:20%; padding:0;float:left; }
   .col-xs-10 { width:78%; padding:0;float:right; }
   .col-xs-1 { width:100%; padding:2% 0; height:100%; background:url(img/wel-img.jpg) repeat-x; }
   .col-xs-12 { width:100%; padding:0; height:100%; float:left;}
   .col-xs-1 h1 { margin:0 auto; padding:0; font-size:40px; line-height:35px; font-family:georgia; font-weight:normal; color:#59161d; text-align:center; background:#fff; width:50%; }
   .col-xs-1 h1 span{ font-size:22px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
   
   .left-container {margin:0 0 3%; padding:0; width:100%; float:left;  }
   .right-container {margin:0; padding:0; width:100%; float:right;  }
   #top-content p { margin:0; padding:0 0 1%; font-size:18px; line-height:23px; font-family:georgia; font-weight:normal; color:#000; text-align: left; }
   #top-content p span { margin:0; padding:0 0 1%; font-size:16px; line-height:18px; font-family:georgia; font-weight:bold; color:#59161d; text-align: left; }
   #top-content p.small-text { margin:0; padding:0 0 1%; font-size:14px; line-height:16px; font-family:georgia; font-weight:bold; color:#000; text-align: left; }
   
   .white-box h1 { margin:0; padding:0; font-size:20px; line-height:40px; font-family:'helveticaregular'; font-weight:normal; color:#03a0c3; text-align: center; background:url(img/name-bulet.jpg) no-repeat bottom center; width:100%; }
   
   
   .col-sm-offset-1 {margin-left: 0;}
   #main-container { margin:0; padding:20px 0 0; width:100%; float:left;background:#fff; }
   .left-col-area { margin:0; padding:0; width:55%; float:left; }
   
   .right-col-area { margin:0 0 3%; padding:0; width:40%; float:right;  background:#bfbfbf; text-align:center; }
   
   
   
   .right-col-bottom-area { margin:0 0 3%; padding:0; width:40%; float:right;  background:#8f111d; text-align:center; }
   
   .top-col-area { margin:0; padding:0; width:100%; background:url(img/patt-1.jpg) repeat; }
   .email-div { margin:0; padding:0; width:100%; float:right;  background:#8f111d url(img/sms-box.jpg) no-repeat left; }
   .email-div h1 { margin:0; padding:1% 0 1% 7%; font-size:30px; line-height:53px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   
   .email-div h2 { margin:0!important; padding:1% 0 1% 7%!important; font-size:30px!important; line-height:60px!important; font-family:georgia!important; font-weight:normal!important; color:#fff!important; text-align:center!important; }

   .ask-div { margin:0; padding:0; width:100%; float:right;  background:#000 url(img/ask.jpg) no-repeat left; }
   .ask-div h1 { margin:0; padding:1% 0 1% 7%; font-size:30px; line-height:60px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   

  .left-col-area h1 { margin:0; padding:1%; font-size:40px; line-height:42px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }
  
   .left-col-area h1 span { font-size:26px; line-height:28px; font-family:georgia; font-weight:normal; color:#000; }
   .top-col-area p { margin:0; padding:2%; font-size:25px; line-height:27px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }
   .michael-div { margin: 5% 0; padding:0; width:100%; float:left; }   
   .michael-left-div { margin:0; padding:0; width:30%; float:left; }
  
   .michael-heading { margin:0; padding:0; width: 75%; float:left;  background:#000 url(img/mechel1.jpg) no-repeat left; } 
   .michael-heading h2 { margin:0; padding:2% 0 1% 5%; font-size:24px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }  
   .michael-right-div { margin:0; padding:0; width:69%; float:right;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:left; }
   
   .nicholas-div { margin: 0; padding: 5% 0; width:100%; float:left; border-bottom:1px solid #86121d; border-top:1px solid #86121d;  }
   .nicholas-left-div { margin:0; padding:0; width:30%; float:right; }
   .nicholas-right-div { margin:0; padding:0; width:69%; float:left;}
   .nicholas-heading { margin:0; padding:0; width:70%; float:right;  background:#000 url(img/nicholas.jpg) no-repeat right; }
   .nicholas-heading h2 { margin:0; padding:2% 3% 1% 0; font-size:24px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }
   /*#main-container a:hover { color:#000; text-decoration:none;   }*/
   .col-sm-5 {float:right;}
   .category-area {margin:0; padding:0; width:100%; height:71px; float:left; background:url(img/category-bg.jpg) no-repeat; }
   
   ul.remember-bulet { margin:0; padding:2%; list-style:none; }
   ul.remember-bulet li { margin:0; padding:0 0 15px 20px; background:url(img/bulet.png) no-repeat scroll 0 3px; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:left; clear:both; }
   

   #bottom-slider { margin:0; padding:0 0 4%; width:100%; float:left; background:url(img/patt-1.jpg) repeat; }
  #bottom-slider h1 { margin:0; padding:1%; font-size:50px; line-height:52px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }

   #bottom-slider h1 span { margin:0; padding:1%; font-size:28px; line-height:30px; font-family:georgia; font-weight:bold; color:#000; text-align:center; letter-spacing: 0; }
   
   footer {margin:0; padding:0; width:100%; float:left; background:url(img/footer-bg.jpg) repeat-x; }
   
   .footer-menu { margin:0 auto; padding:0; width: 100%; }
ul.botnav {margin: 6px 0; padding:0; list-style:none; float:left; }
ul.botnav li {margin:0; padding:0 1px 0 0; display:inline; float:left;}
ul.botnav li a {margin:0; padding:0 13px; font-size: 14px; line-height:51px; font-family:georgia; font-weight:normal; color:#fff; text-align:left;  text-decoration:none;  }
ul.botnav li a:hover{margin:0; padding:0 13px; color:#fff; background:url(img/footer-hover.jpg) repeat-x; float:left; }
ul.botnav li a.active{margin:0; padding:0 13px; color:#fff; background:url(img/footer-hover.jpg) repeat-x; float:left;  }
   
   
   
   /* ============================== contact us ======================================================== */
   
   #feedback-page{
	text-align:center;
}

#form-main{
	width:80%; margin:10% 0 10% 10%;
	float:left;
	padding:0px; 
}

#form-div {
	background-color:rgba(72,72,72,0.4);
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 450px;
	float: left;
	left: 50%;
	position: absolute;
  margin-top:30px;
	margin-left: -260px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	font-family: Arial;
  font-weight:500;
	font-size: 16px;
	border-radius: 0;
	line-height: 18px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 20px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 20px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{ background-size: 30px 30px; margin: 0 0 4%; background-position: 11px 8px; background-repeat: no-repeat; border:2px solid #a5a5a5; }

#phone-no{ background-size: 30px 30px; margin: 0 0 4%; background-position: 11px 8px; background-repeat: no-repeat; border:2px solid #a5a5a5; }

#email{ background-size: 30px 30px; margin: 0 0 4%; background-position: 11px 8px; background-repeat: no-repeat; border:2px solid #a5a5a5; }

#comment{ background-size: 30px 30px; height: 130px; margin: 0 0 4%; background-position: 11px 8px; background-repeat: no-repeat; border:2px solid #a5a5a5; }

.textarea {  width: 100%; height: 150px; line-height: 0;  resize:vertical; }

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-red{ font-family: Arial; float:left; width: 40%; cursor:pointer; background-color: #7d151e; border:0; color:white; font-size:24px;
    line-height:26px; padding:1%;  font-weight:normal; }
    
#button-black{ font-family: Arial; float:left; width: 40%; cursor:pointer; background-color: #000; border:0; color:white; font-size:24px;
    line-height:26px; padding:1%;  font-weight:normal; }
    
    
/* ======================= Practice =============================*/ 
    
    


.practice-heading { margin:0px 0 10px 0; padding:0; width:100%; float:left; } 
.practice-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:left; letter-spacing: 0;background:#8F111D;} 




.text-area{ margin:0; padding:0; width:100%; float:left;} 
h3.sub-heading{ margin:0; padding:10px 0 0 0; font-size:18px; line-height:19px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0; } 

.box-text{margin:10px 0 0 0; padding:0; width:100%; float:left;} 

.box-text h3{ margin:0; padding:0 0 0 1%; font-size:18px!important; line-height:30px; font-family:georgia; font-weight:normal; color:#8F111D!important; text-align:left; letter-spacing: 0;height:30px;background:url('img/patt-1.jpg') repeat!important; } 
/* ======================= Practice =============================*/ 


/* ======================= hatfield =============================*/ 
    
.hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:left; letter-spacing: 0;background:#8F111D;} 
    


.text-area{ margin:0; padding:0; width:100%; float:left;} 
h3.sub-heading{ margin:0; padding:10px 0 0 0; font-size:18px; line-height:19px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0; } 

.box-text{margin:10px 0 0 0; padding:0; width:100%; float:left;background:none} 

.box-text h3{ margin:0; padding:0 0 0 1%; font-size:20px; line-height:30px; font-family:georgia; font-weight:normal; color:#fff; text-align:left; letter-spacing: 0;height:30px;background:#000; } 


.img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;} 

.col-xs-10 p.inner-text{ margin:0; padding:0 0 0 0%; font-size:16px!important; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0;} 

.col-xs-10 p.boldtext{ margin:10px 0 0 0!important; padding:0 0 0 3%!important; font-size:16px!important; line-height:30px!important; font-family:georgia; font-weight:bold!important; color:#8F111D!important; text-align:left!important; letter-spacing: 0;background:url('img/patt-1.jpg') repeat!important;} 

/* ======================= Practice =============================*/ 

.contact-form-area { margin:0 0 3%; padding:0; width:100%; float:left;  background:#bfbfbf; text-align:center; }

.phone-holder { margin:0; padding:5%; width:100%; float:left;background:url('img/patt-1.jpg') repeat;} 

  .phone-img { margin:0; padding:5%; width:100%; float:left;background:url('img/phone.png') no-repeat center right;} 

.phone-holder h1 { margin:0; padding:0 0 10px 0; font-size:20px; line-height:20px; font-family:georgia; font-weight:normal; color:#59161D; text-align:left; letter-spacing: 0;} 

.map-holder { margin:0; padding:15px 0 15px 0; width:100%; float:left;background:#fff;} 

.map-holder h2{ margin:0; padding:0 0 10px 0; font-size:20px; line-height:20px; font-family:georgia; font-weight:normal; color:#59161D; text-align:left; letter-spacing: 0;}

   
  /* ======================================================================================*/ 
  
 /* ======================= Sanctions =============================*/ 
  .text-row{ margin:0; padding:0; width:100%; float:left;background:#eee;border-bottom:1px solid #fff;} 
  
  .text-row-two{ margin:0; padding:0; width:100%; float:left;background:#e0e0e0;border-bottom:1px solid #fff;} 
  
  .left-col{ margin:0; padding:10px 0 10px 2%; width:50%; float:left;border-right:1px solid #fff;} 
  
  .right-col{ margin:0; padding:10px 0 10px 2%; width:50%;float:right;} 
  
  .text-area p{ margin:0; padding:0 0 0 0%; font-size:16px!important; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0;} 
  
  .col-1{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;} 
  
  .col-2{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;} 
  
  .col-3{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;} 
  
  .col-4{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;} 
  
  .col-5{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;} 
  
  .col-6{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;} 
  
  .column-1{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;}
  
  .column-2{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;}
  
  .column-3{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;}
  
  
 /* ======================= Sanctions =============================*/ 
  
    @media screen and (min-width : 1100px) and (max-width :1200px) {
   .main-area {width:95%;}
   .col-xs-4 { width:50%; padding:0; }
   .col-sm-offset-1 {margin-left: 0;}
   #main-area {width:100%; margin:0; padding:10px; background:#03a0c3; float:left; border-radius:12px 12px 0 0; }
   .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
   .call-us p { margin:0; padding:8px; font-size:20px; line-height:22px; font-family:georgia; font-weight:normal; color:#fff; text-align: left;}
   .header-right { margin:8px; padding:0; width:30%; float:right; }
   
   .menu-area { width:60%; margin:0 auto;  padding:0; }
   
  
   ul.round-bulet { margin:0; padding:0; list-style:none; }
   
  

 .navbar-nav { /*float: left;*/ margin: 0 auto;  width:900px; }
   
   }
  /*----------------------------Dropdown------------------------------*/

.dropdown:hover .dropdown-menu {display: block; transition:1s all;}
.navbar .sub-menu:after {border-top: 6px solid transparent;border-left: none;border-right: 6px solid #fff;border-bottom: 6px solid transparent;left: 10px;top: 11px;left: -6px;}
.dropdown .dropdown-menu {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;max-height: 0;display: block;overflow: hidden;opacity: 0; border-radius: 0 0 5px 5px; margin: 3px 0 0;}
.dropdown.open .dropdown-menu {max-height: 300px;opacity: 1; }
.navbar-collapse.in{overflow-y: hidden;}
.dropdown-menu{ background: rgba(255, 201, 202, 1.00) none repeat scroll 0 0 ;}
.dropdown-menu > li > a{line-height: 34px; font-size: 16px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background-color: #59161d; background-image: none;}
.logo-hld img { margin: 0 0 17px;}
.dropdown-menu > li:active{background-color: #59161d; background-image: none;}

.sm-hght {min-height: 583px;}
.smll-fnt{font-size: 15px !important; line-height: 166% !important; padding: 0 0 14px!important; text-align: left !important;}

  /* ======================================================================================*/
  
   @media screen and (min-width : 971px) and (max-width :1100px) {
   .main-area {width:95%;}
   .col-xs-4 { width:50%; padding:0; }
   .col-sm-offset-1 {margin-left: 0; padding:0;}
   #main-area {width:100%; margin:0; padding:10px; background:#03a0c3; float:left; border-radius:12px 12px 0 0; }
   .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
  .header-right { margin:8px; padding:0; width:30%; float:right; }
   
   
   .menu-area { width:60%; margin:0 auto;  padding:0; }
   
  
   ul.round-bulet { margin:0; padding:0; list-style:none; }
   
   .navbar-nav { /*float: left;*/ margin: 0 auto;  width:850px; }
   .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 15px; font-size:16px; line-height:25px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 15px; font-size:16px; line-height:25px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; background:url(img/hover.jpg) no-repeat bottom center;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 15px; font-size:16px; line-height:25px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; background:url(img/hover.jpg) no-repeat bottom center;  }
    
    .col-xs-1 h1 { margin:0 auto; padding:0; font-size:40px; line-height:35px; font-family:georgia; font-weight:normal; color:#59161d; text-align:center; background:#fff; width:50%; }
   .col-xs-1 h1 span{ font-size:22px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
   
   
   .michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0; padding:0; width:30%; float:left; }
   .michael-heading { margin:0; padding:0; width:70%; float:left;  background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h1 { margin:0; padding:1.5% 0 2% 5%; font-size:25px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:69%; float:right;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:left; }
   .email-div h1 { margin:0; padding:1% 0 1% 12%; font-size:30px; line-height:60px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   
   

   
   
   }
  
 /* ======================================================================================*/     
   
   
   @media screen and (min-width : 768px) and (max-width : 970px) {
   .main-area {width:95%;}
   #main-area {width:100%; margin:0; padding:10px; background:#03a0c3; float:left; border-radius:12px 12px 0 0; }
   .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
   .col-xs-4 { width:100%; padding:0; text-align:center; }
   .col-sm-offset-1 {margin-left: 0;}
   
ul.round-bulet li { margin:0; padding:0 0 10px 20px; background:url(img/round-bulet.jpg) no-repeat scroll 0 7px; font-size:13px; line-height:15px; font-family:'helveticaregular'; font-weight:normal; color:#000; text-align:left; clear:both; }
   ul.round-bulet { margin:0; padding:0; list-style:none; }
  
   .heading {width:30%;}
   
   .menu-area { width:550px; margin:0 auto;  padding:0; }
   
   .navbar-nav { /*float: left;*/ margin: 0 auto;  width:720px; }
   .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 10px; font-size:14px; line-height:25px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 10px; font-size:14px; line-height:25px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; background:url(img/hover.jpg) no-repeat bottom center;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 10px; font-size:14px; line-height:25px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; background:url(img/hover.jpg) no-repeat bottom center;  }

.col-xs-1 h1 { margin:0 auto; padding:0; font-size:30px; line-height:35px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; background:#fff; width:50%; }
   .col-xs-1 h1 span{ font-size:22px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
 
    #top-content p { margin:0; padding:1%; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#000; text-align: justify; }
   #top-content p span { margin:0; padding:1%; font-size:16px; line-height:18px; font-family:georgia; font-weight:bold; color:#59161d; text-align: justify; }
   #top-content p.small-text { margin:0; padding:1%; font-size:15px; line-height:17px; font-family:georgia; font-weight:bold; color:#000; text-align: justify; }


   .michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0; padding:0; width:30%; float:left; }
   .michael-heading { margin:0; padding:0; width:70%; float:left;  background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h2 { margin:0; padding:1.5% 0 2% 5%; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:69%; float:right;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:14px; line-height:16px; font-family:georgia; font-weight:normal; color:#000; text-align:left; }
   
   
   .nicholas-div { margin:5% 0; padding:0 0 5%; width:100%; float:left; }
   .nicholas-left-div { margin:0; padding:0; width:30%; float:right; }
   .nicholas-right-div { margin:0; padding:0; width:69%; float:left;}
   .nicholas-heading { margin:0; padding:0; width:75%; float:right;  background:#000 url(img/nicholas.jpg) no-repeat right; }
   .nicholas-heading h2 { margin:0; padding:2% 3% 1% 0; font-size:18px; line-height:22px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }

.email-div h1 { margin:0; padding:1% 0 1% 20%; font-size:18px; line-height:50px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
    .left-col-area h1 { margin:0; padding:1%; font-size:28px; line-height:30px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }
.left-col-area h1 span { font-size:20px; line-height:22px; font-family:georgia; font-weight:normal; color:#000; }
.top-col-area p { margin:0; padding:2%; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

.col-xs-2 { width:100%; padding:0;float:left; }
.col-xs-10 { width:100%; padding:0;float:left; }
.img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;text-align:center;}  

 .hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0;background:#8F111D;float:none; }

.col-xs-4-a { width:100%; padding:0;float:left;text-align:center; }
.col-xs-4-b { width:100%; padding:0;float:left; }

ul.credits-cards{display:none;}
   
   
 }
 
 
 /* ======================================================================================*/ 
 
    @media screen and (min-width : 640px) and (max-width: 767px) {
    .main-area {width:95%;}
    .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
    .country { margin:0 0 2%; padding:0; width:100%; float:left; }
    .social-area { margin:0; padding:0; width:100%; float:right; }
    
    .navbar-nav > li { display: block; margin:0 0 1px; padding:0; border-right:none; }
    .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#000; text-align:left; width:100%;  }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
   
    #top-content p { margin:0; padding:1%; font-size:17px; line-height:19px; font-family:georgia; font-weight:normal; color:#000; text-align: justify; }
   #top-content p span { margin:0; padding:1%; font-size:15px; line-height:17px; font-family:georgia; font-weight:bold; color:#59161d; text-align: justify; }
   #top-content p.small-text { margin:0; padding:1%; font-size:14px; line-height:16px; font-family:georgia; font-weight:bold; color:#000; text-align: justify; }
    
   
ul.round-bulet li { margin:0; padding:0 0 10px 20px; background:url(img/round-bulet.jpg) no-repeat scroll 0 7px; font-size:13px; line-height:15px; font-family:'helveticaregular'; font-weight:normal; color:#000; text-align:left; clear:both; }

       ul.round-bulet { margin:0; padding:0; list-style:none; }
    
    .heading {width:36%;}
    .col-xs-4 { width:100%; padding:0; text-align:center; }
   .col-sm-offset-1 {margin-left: 0;}
    .col-xs-1 h1 { margin:0 auto; padding:0; font-size:20px; line-height:50px; font-family:georgia; font-weight:normal; color:#59161d; text-align:center; background:#fff; width:50%; }
   .col-xs-1 h1 span{ font-size:22px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
    
    .col-sm-5 {float:left; margin:20px 0 0;}
    .menu-area { width:550px; margin:0 auto;  padding:0; }
    /*.navbar-nav { /*float: left;  margin: 0 auto;  width:600px; }*/
    
    .michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0 0 3%; padding:0; width:100%; float:left; text-align:center; }
   .michael-heading { margin:0 0 0 15%; padding:0; width:70%; background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h1 { margin:0; padding:1.5% 0 2% 5%; font-size:25px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:100%; float:left;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

   .nicholas-div { margin:5% 0; padding:0 0 5%; width:100%; float:left; }
   .nicholas-left-div { margin:0; padding:0 0 3%; width:100%; float:right; text-align:center; }
   .nicholas-right-div { margin:0; padding:0; width:100%; float:left;}
   .nicholas-heading { margin:0 15% 0 0; padding:0; width:70%; float:right;  background:#000 url(img/nicholas.jpg) no-repeat right; }
   .nicholas-heading h2 { margin:0; padding:2% 3% 1% 0; font-size:24px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }

   .email-div h1 { margin:0; padding:1% 0 1% 20%; font-size:16px; line-height:50px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
   .ask-div { margin:0; padding:0; width:100%; float:right;  background:#000 url(img/ask.jpg) no-repeat left; }
   .ask-div h1 { margin:0; padding:1% 0 1% 7%; font-size:16px; line-height:50px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }

    .left-col-area h1 { margin:0; padding:1%; font-size:28px; line-height:30px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }
.left-col-area h1 span { font-size:20px; line-height:22px; font-family:georgia; font-weight:normal; color:#000; }
.top-col-area p { margin:0; padding:2%; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }
    ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }
.col-xs-2 { width:100%; padding:0;float:left; }
.col-xs-10 { width:100%; padding:0;float:left; }
.img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;text-align:center;} 

 .hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0;background:#8F111D;float:none; }

.col-xs-4-a { width:100%; padding:0;float:left;text-align:center; }
.col-xs-4-b { width:100%; padding:0;float:left; }

ul.credits-cards{display:none;}
   
    
}

/* ======================================================================================*/ 

  @media screen and (min-width : 480px) and (max-width: 639px) {
    .main-area {width:95%;}
    .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
   .header-right { margin:0; padding:0; width:100%; float:left; }
    .country { margin:0 0 0 2%; padding:0; width:40%; float:left; }
    .social-area { margin:0; padding:0; width:40%; float:right; }
    .call-us {margin:0; padding:0; width:100%; float:left; }
    .call-us p { margin:0; padding:8px; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#fff; text-align: left;}
   ul.country_list li a { margin:0; padding:0; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#fff; text-align:left; clear:both; }
   .navbar-nav > li { display: block; margin:0 0 1px; padding:0; border-right:none; }
    .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#000; text-align:left; width:100%;  }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
   
   
         .col-xs-1 h1 { margin:0 auto; padding:0; font-size:18px; line-height:50px; font-family:georgia; font-weight:normal; color:#59161d; text-align:center; background:#fff; width:50%; }
   .col-xs-1 h1 span{ font-size:14px; line-height:20px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
   
    #top-content {margin:0; padding:10px 0 0 0; width:100%; float:left;  }
    
    #top-content p { margin:0; padding:2%; font-size:15px; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align: justify; }
   #top-content p span { margin:0; padding:2%; font-size:13px; line-height:15px; font-family:georgia; font-weight:bold; color:#59161d; text-align: justify; }
   #top-content p.small-text { margin:0; padding:2%; font-size:12px; line-height:14px; font-family:georgia; font-weight:bold; color:#000; text-align: justify; }
    
    .heading {width:47%;}
    .col-xs-4 { width:100%; padding:0; text-align:center; }
   .col-sm-offset-1 {margin-left: 0;}
    .col-sm-5 {float:left; margin:20px 0 0;}
    .menu-area { width:450px; margin:0 auto;  padding:0; }
    
    p.copy { margin:20px 0; padding:0; font-size:14px; line-height:16px; font-family:'helveticaregular'; font-weight:normal; color:#fff; text-align:center; }
     
   ul.round-bulet { margin:0; padding:0; list-style:none; }
   
   .left-col-area { margin:0; padding:0; width:100%; float:left; }
   
   .right-col-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#bfbfbf; text-align:center; }
   .right-col-bottom-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#8f111d; text-align:center; }
   .michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0 0 3%; padding:0; width:30%; float:left; text-align:center; }
   .michael-heading { margin:0 0 0 2%; padding:0; width:70%; background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h1 { margin:0; padding:1.5% 0 2% 5%; font-size:25px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:70%; float:left;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }
ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }
.col-xs-2 { width:100%; padding:0;float:left; }
.col-xs-10 { width:100%; padding:0;float:left; }
.img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;text-align:center;} 

 .hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0;background:#8F111D;float:none; }





.left-col{ margin:0; padding:10px 0 10px 2%; width:50%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;} 
  
  .right-col{ margin:0; padding:10px 0 10px 2%; width:50%;float:right;font-size:12px;min-height:50px;} 
  
  .text-area p{ margin:0; padding:0 0 0 0%; font-size:16px!important; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0;font-size:12px;min-height:50px;} 
  
  .col-1{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;} 
  
  .col-2{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;} 
  
  .col-3{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;} 
  
  .col-4{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;} 
  
  .col-5{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;} 
  
  .col-6{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;} 
  
  .column-1{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;}
  
  .column-2{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;}
  
  .column-3{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:12px;min-height:50px;}
  
  .col-xs-4-a { width:100%; padding:0;float:left;text-align:center; }
.col-xs-4-b { width:100%; padding:0;float:left; }

ul.credits-cards{display:none;}
      
}

 /* ======================================================================================*/ 

   @media screen and (min-width : 360px) and (max-width: 479px) {
    .main-area {width:95%;}
    .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
   .header-right { margin:0; padding:0; width:100%; float:left; }
    .country { margin:0 0 0 3%; padding:0; width:40%; float:left; }
    .social-area { margin:0; padding:0; width:40%; float:right; }
    .call-us {margin:0; padding:0; width:100%; float:left; }
    .call-us p { margin:0; padding:8px; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#fff; text-align: left;}
   .navbar-nav > li { display: block; margin:0 0 1px; padding:0; border-right:none; }
    .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#000; text-align:left; width:100%;  }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
            .col-xs-1 h1 { margin:0 auto; padding:0; font-size:16px; line-height:50px; font-family:georgia; font-weight:normal; color:#59161d; text-align:center; background:#fff; width:70%; }
   .col-xs-1 h1 span{ font-size:12px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
   
     #top-content p { margin:0; padding:2%; font-size:15px; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align: justify; }
   #top-content p span { margin:0; padding:2%; font-size:13px; line-height:15px; font-family:georgia; font-weight:bold; color:#59161d; text-align: justify; }
   #top-content p.small-text { margin:0; padding:2%; font-size:12px; line-height:14px; font-family:georgia; font-weight:bold; color:#000; text-align: justify; }
   
    .white-box {margin:0; padding:10px 0; width:100%; float:left;  }
    
    
    .heading {width:55%;}
    .col-xs-4 { width:100%; padding:0; text-align:center; }
   .col-sm-offset-1 {margin-left: 0;}   
    .box-blue ,.box-pink ,.box-green  { margin:20px 0 0; }
    .col-sm-5 {float:left; margin:20px 0 0;}
    .menu-area { width:340px; margin:0 auto;  padding:0; }
    
     .bottom-section {margin:0 0 10px; padding:0; width:100%; float:left;}
       ul.round-bulet { margin:0; padding:0; list-style:none; }
       
        p.copy { margin:20px 0; padding:0; font-size:14px; line-height:16px; font-family:'helveticaregular'; font-weight:normal; color:#fff; text-align:center; }
      
      .left-col-area h1 { margin:0; padding:1%; font-size:20px; line-height:22px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }
     .left-col-area h1 span { font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#000; }
     .top-col-area p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

    .left-col-area { margin:0; padding:0; width:100%; float:left; }
    .right-col-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#bfbfbf; text-align:center; }
    .right-col-bottom-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#8f111d; text-align:center; }
.michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0 0 3%; padding:0; width:100%; float:left; text-align:center; }
   .michael-heading { margin:0 0 0 15%; padding:0; width:70%; background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h1 { margin:0; padding:1.5% 0 2% 5%; font-size:25px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:100%; float:left;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

   .nicholas-div { margin:5% 0; padding:0 0 5%; width:100%; float:left; }
   .nicholas-left-div { margin:0; padding:0 0 3%; width:100%; float:right; text-align:center; }
   .nicholas-right-div { margin:0; padding:0; width:100%; float:left;}
   .nicholas-heading { margin:0 15% 0 0; padding:0; width:70%; float:right;  background:#000 url(img/nicholas.jpg) no-repeat right; }
   .nicholas-heading h2 { margin:0; padding:2% 3% 1% 0; font-size:24px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }

   .email-div h1 { margin:0; padding:1% 0 1% 15%; font-size:24px; line-height:50px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }

.col-xs-2 { width:100%; padding:0;float:left; }
.col-xs-10 { width:100%; padding:0;float:left; }
.img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;text-align:center;} 

 .hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0;background:#8F111D;float:none; }


.left-col{ margin:0; padding:10px 0 10px 2%; width:50%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .right-col{ margin:0; padding:10px 0 10px 2%; width:50%;float:right;font-size:11px;min-height:50px;} 
  
  .text-area p{ margin:0; padding:0 0 0 0%; font-size:16px!important; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0;font-size:11px;min-height:50px;} 
  
  .col-1{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-2{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-3{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-4{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-5{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-6{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .column-1{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-2{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-3{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .col-xs-4-a { width:100%; padding:0;float:left;text-align:center; }
.col-xs-4-b { width:100%; padding:0;float:left; }

ul.credits-cards{display:none;}

.box-text h3{font-size:13px!important;}

.email-div h2{font-size:23px!important;}

    
}

 /* ======================================================================================*/ 

    @media screen and (min-width : 320px) and (max-width: 359px) {
    .main-area {width:95%;}
    .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
   .header-right { margin:0; padding:0; width:100%; float:left; }
    .country { margin:0 0 0 3%; padding:0; width:45%; float:left; }
    .social-area { margin:0; padding:0; width:37%; float:right; }
    .call-us {margin:0; padding:0; width:100%; float:left; }
    .call-us p { margin:0; padding:8px; font-size:14px; line-height:16px; font-family:georgia; font-weight:normal; color:#fff; text-align: left;}
   .navbar-nav > li { display: block; margin:0 0 1px; padding:0; border-right:none; }
    .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#000; text-align:left; width:100%;  }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
  
   .col-xs-1 h1 { margin:0 auto; padding:0; font-size:16px; line-height:50px; font-family:georgia; font-weight:normal; color:#59161d; text-align:center; background:#fff; width:70%; }
   .col-xs-1 h1 span{ font-size:12px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
   
    #top-content p { margin:0; padding:2%; font-size:15px; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align: justify; }
   #top-content p span { margin:0; padding:2%; font-size:13px; line-height:15px; font-family:georgia; font-weight:bold; color:#59161d; text-align: justify; }
   #top-content p.small-text { margin:0; padding:2%; font-size:12px; line-height:14px; font-family:georgia; font-weight:bold; color:#000; text-align: justify; }
   
    .white-box {margin:0; padding:10px 0; width:100%; float:left;  }
         
            
   
    .heading {width:58%;}
    .col-xs-4 { width:100%; padding:0; text-align:center; }
   .col-sm-offset-1 {margin-left: 0;} 
    
    .col-sm-5 {float:left; margin:20px 0 0;}
    
    .menu-area { width:300px; margin:0 auto;  padding:0; }
     
       ul.round-bulet { margin:0; padding:0; list-style:none; }
       
        p.copy { margin:20px 0; padding:0; font-size:14px; line-height:16px; font-family:'helveticaregular'; font-weight:normal; color:#fff; text-align:center; }

      .left-col-area h1 { margin:0; padding:1%; font-size:20px; line-height:22px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }
     .left-col-area h1 span { font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#000; }
     .top-col-area p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

      .left-col-area { margin:0; padding:0; width:100%; float:left; }
      .right-col-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#bfbfbf; text-align:center; }
      .right-col-bottom-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#8f111d; text-align:center; }
.michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0 0 3%; padding:0; width:100%; float:left; text-align:center; }
   .michael-heading { margin:0 0 0 15%; padding:0; width:70%; background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h1 { margin:0; padding:1.5% 0 2% 5%; font-size:25px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:100%; float:left;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

   .nicholas-div { margin:5% 0; padding:0 0 5%; width:100%; float:left; }
   .nicholas-left-div { margin:0; padding:0 0 3%; width:100%; float:right; text-align:center; }
   .nicholas-right-div { margin:0; padding:0; width:100%; float:left;}
   .nicholas-heading { margin:0 15% 0 0; padding:0; width:70%; float:right;  background:#000 url(img/nicholas.jpg) no-repeat right; }
   .nicholas-heading h2 { margin:0; padding:2% 3% 1% 0; font-size:24px; line-height:24px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }  
   
   .email-div h1 { margin:0; padding:1% 0 1% 20%; font-size:20px; line-height:40px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
     
ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }

#bottom-slider h1 { margin:0; padding:1%; font-size:30px; line-height:32px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }

   #bottom-slider h1 span { margin:0; padding:1%; font-size:20px; line-height:22px; font-family:georgia; font-weight:bold; color:#000; text-align:center; letter-spacing: 0; }

.col-xs-2 { width:100%; padding:0;float:left; }
.col-xs-10 { width:100%; padding:0;float:left; }
.img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;text-align:center;} 
   
 .hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0;background:#8F111D;float:none; }




.left-col{ margin:0; padding:10px 0 10px 2%; width:50%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .right-col{ margin:0; padding:10px 0 10px 2%; width:50%;float:right;font-size:11px;min-height:50px;} 
  
  .text-area p{ margin:0; padding:0 0 0 0%; font-size:16px!important; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0;font-size:11px;min-height:50px;} 
  
  .col-1{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-2{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-3{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-4{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-5{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-6{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .column-1{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-2{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-3{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .col-xs-4-a { width:100%; padding:0;float:left;text-align:center; }
.col-xs-4-b { width:100%; padding:0;float:left; }

ul.credits-cards{display:none;}


.ask-div h1 {color: #FFFFFF;font-family: georgia; font-size: 20px;font-weight: bold;line-height: 40px; margin: 0;padding: 1% 0 1% 20%;text-align: center;}
.michael-heading h2{font-size: 20px;}

.box-text h3{font-size:13px!important;}

.email-div h2{font-size:20px!important;padding:1% 0 1% 15%!important;}

p{font-size:15px!important;}

.call-us p{font-size:16px!important;padding-right: 60px !important;}


    
}

 /* ======================================================================================*/ 

   @media screen and (min-width :240px) and (max-width: 319px) {
    .main-area {width:98%;}
    .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
   .header-right { margin:0; padding:0; width:100%; float:left; }
    .country { margin:0 0 0 3%; padding:0; width:45%; float:left; }
    .social-area { margin:0; padding:0; width:50%; float:right; }
    .call-us {margin:0; padding:0; width:100%; float:left; }
    .call-us p { margin:0; padding:8px; font-size:14px; line-height:16px; font-family:georgia; font-weight:normal; color:#fff; text-align: left;}
   .navbar-nav > li { display: block; margin:0 0 1px; padding:0; border-right:none; }
    .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#000; text-align:left; width:100%;  }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
   
   .col-xs-1 h1 { margin:0 auto; padding:0; font-size:16px; line-height:50px; font-family:georgia; font-weight:normal; color:#59161d; text-align:center; background:#fff; width:80%; }
   .col-xs-1 h1 span{ font-size:11px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
   
   #top-content p { margin:0; padding:2%; font-size:15px; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align: justify; }
   #top-content p span { margin:0; padding:2%; font-size:13px; line-height:15px; font-family:georgia; font-weight:bold; color:#59161d; text-align: justify; }
   #top-content p.small-text { margin:0; padding:2%; font-size:12px; line-height:14px; font-family:georgia; font-weight:bold; color:#000; text-align: justify; }
   
   
   
    .heading {width:78%;}
    .col-xs-4 { width:100%; padding:0; text-align:center; }
   .col-sm-offset-1 {margin-left: 0;} 
    
    .col-sm-5 {float:left; margin:20px 0 0;}
    .white-box {margin:0; padding:10px 0; width:100%; float:left;  }
    
       ul.round-bulet { margin:0; padding:0; list-style:none; }
       ul.round-bulet li { margin:0; padding:0 0 10px 20px; background:url(img/round-bulet.jpg) no-repeat scroll 0 7px; font-size:12px; line-height:14px; font-family:'helveticaregular'; font-weight:normal; color:#000; text-align:left; clear:both; }
        p.copy { margin:20px 0; padding:0; font-size:10px; line-height:12px; font-family:'helveticaregular'; font-weight:normal; color:#fff; text-align:center; }

                   
        .left-col-area h1 { margin:0; padding:1%; font-size:20px; line-height:22px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }
     .left-col-area h1 span { font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#000; }
     .top-col-area p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

         .left-col-area { margin:0; padding:0; width:100%; float:left; }
         .right-col-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#bfbfbf; text-align:center; }
         .right-col-bottom-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#8f111d; text-align:center; }
.michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0 0 3%; padding:0; width:100%; float:left; text-align:center; }
   .michael-heading { margin:0 0 0 15%; padding:0; width:70%; background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h2 { margin:0; padding:1.5% 0 2% 5%; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:100%; float:left;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

   .nicholas-div { margin:5% 0; padding:0 0 5%; width:100%; float:left; }
   .nicholas-left-div { margin:0; padding:0 0 3%; width:100%; float:right; text-align:center; }
   .nicholas-right-div { margin:0; padding:0; width:100%; float:left;}
   .nicholas-heading { margin:0 15% 0 0; padding:0; width:70%; float:right;  background:#000 url(img/nicholas.jpg) no-repeat right; }
   .nicholas-heading h2 { margin:0; padding:2% 3% 1% 0; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }

    .email-div h1 { margin:0; padding:1% 0 1% 28%; font-size:16px; line-height:40px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; } 

.ask-div h1 { margin:0; padding:1% 0 1% 20%; font-size:16px; line-height:40px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }   

ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }
#bottom-slider h1 { margin:0; padding:1%; font-size:30px; line-height:32px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }

   #bottom-slider h1 span { margin:0; padding:1%; font-size:20px; line-height:22px; font-family:georgia; font-weight:bold; color:#000; text-align:center; letter-spacing: 0; }

.col-xs-2 { width:100%; padding:0;float:left; }
.col-xs-10 { width:100%; padding:0;float:left; }
   .img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;text-align:center;} 
   
 .hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0;background:#8F111D;float:none; }







.left-col{ margin:0; padding:10px 0 10px 2%; width:50%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .right-col{ margin:0; padding:10px 0 10px 2%; width:50%;float:right;font-size:11px;min-height:50px;} 
  
  .text-area p{ margin:0; padding:0 0 0 0%; font-size:16px!important; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0;font-size:11px;min-height:50px;} 
  
  .col-1{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-2{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-3{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-4{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-5{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-6{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .column-1{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-2{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-3{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .col-xs-4-a { width:100%; padding:0;float:left;text-align:center; }
.col-xs-4-b { width:100%; padding:0;float:left; }

ul.credits-cards{display:none;}

.box-text h3{font-size:13px!important;}

.email-div h2{font-size:14px!important;padding:1% 0 1% 15%!important;}

p{font-size:15px!important;}


.call-us p{font-size:15px!important;padding-right: 60px !important;}

}
     
     /* ======================================================================================*/ 

   @media screen and (min-width :200px) and (max-width: 239px) {
    .main-area {width:98%;}
    .logo-hld {margin:3% 0 0 0; padding:0; width:100%; float:left; text-align:center;}
    .header-right { margin:0; padding:0 8px; width:100%; float:left; }
    .country { margin:0 0 2%; padding:0; width:45%; float:left; }
    ul.country_list { margin:0; padding:0; list-style:none; }
   ul.country_list li { margin:0; padding:0; display:inline; }
   ul.country_list li a { margin:0; padding:0; font-size:11px; line-height:12px; font-family:georgia; font-weight:normal; color:#fff; text-align:left; clear:both; }

    .social-area { margin:0; padding:0; width:55%; float:right; }
     ul.social-icon { margin:0; padding:0; list-style:none; }
   ul.social-icon li {margin:0; padding:0 .2% 0 0; display:inline; }
   ul.social-icon li a {margin:0; padding:0; display:inline; text-style:none;}
    
    .call-us {margin:0; padding:0; width:100%; float:left; }
    .call-us p { margin:0; padding:8px; font-size:13px; line-height:15px; font-family:georgia; font-weight:normal; color:#fff; text-align: left;}
   .navbar-nav > li { display: block; margin:0 0 1px; padding:0; border-right:none; }
    .navbar-inverse .navbar-nav > li > a { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#000; text-align:left; width:100%;  }
    .navbar-inverse .navbar-nav > li > a.active { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }
    .navbar-inverse .navbar-nav > li > a:hover { margin:0; padding:0 0 0 10px; font-size:14px; line-height:45px; font-family:georgia; font-weight:bold; color:#fff; text-align:left; background:#59161d; width:100%;  }


   
   .col-xs-1 h1 { margin:0 auto; padding:0; font-size:11px; line-height:70px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; background:#fff; width:80%; }
   .col-xs-1 h1 span{ font-size:10px; line-height:24px; font-family:georgia; font-weight:bold; color:#000;  background:#fff; }
   
   
    .heading {width:78%;}
   .col-xs-4 { width:100%; padding:0; text-align:center; }
   #top-content p { margin:0; padding:2%; font-size:15px; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align: justify; }
   #top-content p span { margin:0; padding:2%; font-size:13px; line-height:15px; font-family:georgia; font-weight:bold; color:#59161d; text-align: justify; }
   #top-content p.small-text { margin:0; padding:2%; font-size:12px; line-height:14px; font-family:georgia; font-weight:bold; color:#000; text-align: justify; }
   
   
   
   .col-sm-offset-1 {margin-left: 0;}
    .col-sm-5 {float:left; margin:20px 0 0;}
    
    ul.botnav {display:none;}
    /* #top-content {margin:0; padding:10px 0; width:100%; float:left; background:#e3e3e3; }*/
     p.copy { margin:20px 0; padding:0; font-size:12px; line-height:14px; font-family:'helveticaregular'; font-weight:normal; color:#fff; text-align:center; }
        .name-box {margin:10px 0; padding:0; width:100%; float:left; background:#fff; border-radius:5px; height:27px; }
       .white-box h1 { margin:0; padding:0 0 3px; font-size:16px; line-height:20px; font-family:'helveticaregular'; font-weight:normal; color:#03a0c3; text-align: center; background:url(img/name-bulet.jpg) no-repeat bottom center; width:100%; }
       .white-box {margin:0; padding:10px 0; width:100%; float:left;  }
     
       ul.round-bulet { margin:0; padding:0; list-style:none; }
       ul.round-bulet li { margin:0; padding:0 0 10px 20px; background:url(img/round-bulet.jpg) no-repeat scroll 0 7px; font-size:12px; line-height:14px; font-family:'helveticaregular'; font-weight:normal; color:#000; text-align:left; clear:both; }
        p.copy { margin:20px 0; padding:0; font-size:8px; line-height:10px; font-family:'helveticaregular'; font-weight:normal; color:#fff; text-align:center; }
                   
        p { margin:0; padding:0; font-size:15px; line-height:17px; font-family:'helveticaregular'; font-weight:normal; color:#5a5a5a; text-align:left; }



     .left-col-area h1 { margin:0; padding:1%; font-size:20px; line-height:22px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }
     .left-col-area h1 span { font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#000; }
     .top-col-area p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

     ul.remember-bulet { margin:0; padding:2%; list-style:none; }
   ul.remember-bulet li { margin:0; padding:0 0 15px 20px; background:url(img/bulet.png) no-repeat scroll 0 3px; font-size:14px; line-height:16px; font-family:georgia; font-weight:normal; color:#000; text-align:left; clear:both; }
     .left-col-area { margin:0; padding:0; width:100%; float:left; }
     .right-col-area { margin:0; padding:0; width:100%; float:right;  background:#bfbfbf; text-align:center; }
     .right-col-bottom-area { margin:0 0 8%; padding:0; width:100%; float:right;  background:#8f111d; text-align:center; }
.michael-div { margin:5% 0; padding:0 0 5%; width:100%; border-bottom:1px solid #86121d; float:left; }
   .michael-left-div { margin:0 0 3%; padding:0; width:100%; float:left; text-align:center; }
   .michael-heading { margin:0 0 0 12%; padding:0; width:74%; background:#000 url(img/mechel1.jpg) no-repeat left; }
   .michael-heading h2 { margin:0; padding:1.5% 0 2% 5%; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; }
   .michael-right-div { margin:0; padding:0; width:100%; float:left;}
   .michael-text { margin:0; padding:0; width:100%; float:left;  }
   .michael-text p { margin:0; padding:2%; font-size:16px; line-height:18px; font-family:georgia; font-weight:normal; color:#000; text-align:justify; }

   .nicholas-div { margin:5% 0; padding:0 0 5%; width:100%; float:left; }
   .nicholas-left-div { margin:0; padding:0 0 3%; width:100%; float:right; text-align:center; }
   .nicholas-right-div { margin:0; padding:0; width:100%; float:left;}
   .nicholas-heading { margin:0 12% 0 0; padding:0; width:74%; float:right;  background:#000 url(img/nicholas.jpg) no-repeat right; }
   .nicholas-heading h2 { margin:0; padding:2% 3% 1% 0; font-size:18px; line-height:20px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0; }

   .email-div h1 { margin:0; padding:1% 0 1% 32%; font-size:12px; line-height:40px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
 .ask-div h1 { margin:0; padding:1% 0 1% 20%; font-size:12px; line-height:40px; font-family:georgia; font-weight:bold; color:#fff; text-align:center; }
ul.botnav {margin:0; padding:0; list-style:none; float:left; display:none; }

#bottom-slider h1 { margin:0; padding:1%; font-size:30px; line-height:32px; font-family:georgia; font-weight:bold; color:#59161d; text-align:center; letter-spacing: 0; }

   #bottom-slider h1 span { margin:0; padding:1%; font-size:20px; line-height:22px; font-family:georgia; font-weight:bold; color:#000; text-align:center; letter-spacing: 0; }

.col-xs-2 { width:100%; padding:0;float:left; }
.col-xs-10 { width:100%; padding:0;float:left; }
.img-holder{margin:0; padding:0 3% 0 0; width:100%; float:left;background:none;text-align:center;} 

 .hatfield-heading { margin:20px 0 10px 0; padding:0; width:100%; float:left; } 
.hatfield-heading h2{ margin:0; padding:1%; font-size:20px; line-height:28px; font-family:georgia; font-weight:normal; color:#fff; text-align:center; letter-spacing: 0;background:#8F111D;float:none; }  





.left-col{ margin:0; padding:10px 0 10px 2%; width:50%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .right-col{ margin:0; padding:10px 0 10px 2%; width:50%;float:right;font-size:11px;min-height:50px;} 
  
  .text-area p{ margin:0; padding:0 0 0 0%; font-size:16px!important; line-height:17px; font-family:georgia; font-weight:normal; color:#000; text-align:left; letter-spacing: 0;font-size:11px;min-height:50px;} 
  
  .col-1{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-2{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-3{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-4{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-5{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .col-6{margin:0; padding:10px 0 10px 2%; width:16.666666666666664%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;} 
  
  .column-1{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-2{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .column-3{margin:0; padding:10px 0 10px 2%; width:33.33333333333333%; float:left;border-right:1px solid #fff;font-size:11px;min-height:50px;}
  
  .col-xs-4-a { width:100%; padding:0;float:left;text-align:center; }
.col-xs-4-b { width:100%; padding:0;float:left; }

ul.credits-cards{display:none;}

.box-text h3{font-size:13px!important;}
.email-div h2{font-size:14px!important;padding:1% 0 1% 15%!important;}

p{font-size:15px!important;}

} 

/* ======================================================================================*/ 


ul.credits-cards{margin:5px 0 0 0; padding:0;list-style:none;}

ul.credits-cards li{margin:0 5px 0 0; padding:0;list-style:none;display:inline;}


.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 15%;
        width: 70%;
        height: 40%;
        padding: 16px;
        border: 4px solid #999;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }