@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width:1000px; background:url(../images/bg.png) 0 0 repeat;}
a {text-decoration:none; outline:none;}
img {border:none;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}

@font-face {
    font-family: 'sommet_boldbold';
    src: url('fonts/sommetbold-webfont.eot');
    src: url('fonts/sommetbold-webfont.eot?#iefix') format('embedded-opentype'),
         
         /*url('fonts/sommetbold-webfont.woff') format('woff'),*/

         url('fonts/sommetbold-webfont.ttf') format('truetype'),
         url('fonts/sommetbold-webfont.svg#sommet_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sommetregular';
    src: url('fonts/sommet-webfont.eot');
    src: url('fonts/sommet-webfont.eot?#iefix') format('embedded-opentype'),

         /*url('fonts/sommet-webfont.woff') format('woff'),*/

         url('fonts/sommet-webfont.ttf') format('truetype'),
         url('fonts/sommet-webfont.svg#sommetregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.wrapper {margin:0 auto; width:953px;}

.header {display:block;}
.header .wrapper {position:relative;}
.headerbox {position:absolute; top:17px; left:0px; background:url(../images/headerbg.jpg) 0 100% repeat-x #fff; height:145px; width:953px; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.21);box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.21); -webkit-border-radius: 4px; border-radius: 4px; z-index:4;}
.logo {padding:13px 0 0 29px; float:left;}

.social {padding:10px 11px 0 0; float:right; }
.social a {float:left; width:28px; height:28px; background:url(../images/social.png) 0 0 no-repeat; margin:0 2px;}
.social a.twitter {background-position:0 0;}
.social a.facebook {background-position:-37px 0;}
.social a.linkedin {background-position:-73px 0;}
.social a.rss {background-position:100% 0;}

.social a.twitter:hover {background-position:0 100%;}
.social a.facebook:hover {background-position:-37px 100%;}
.social a.linkedin:hover {background-position:-73px 100%;}
.social a.rss:hover {background-position:100% 100%;}

.nav {position:absolute; right:0px; bottom:0px; background:url(../images/nav.jpg) 0 0 repeat-x; -webkit-border-radius: 3px 0 3px 0; border-radius: 3px 0 3px;}
.nav > ul {float:left; white-space:nowrap; font-size:12px; list-style:none;}
.nav > ul > li {float:left; background:url(../images/nav-line.jpg) 100% 0 repeat-y; position:relative;}
.nav > ul > li:last-child {background:none;}
.nav > ul > li > a {padding:13px 18px; color:#fff; float:left; text-transform:uppercase;}
.nav > ul > li > a:first-child {-webkit-border-radius: 3px 0 0px 0 ; border-radius: 3px 0 0px 0;}
.nav > ul > li > span {padding:13px 18px; color:#fff; float:left; text-transform:uppercase;}
.nav > ul > li > div {display:none; position: absolute; top:100%; left:0px; width:180px; background:#fff; padding:6px;}
.nav > ul > li > div > ul {list-style:none; font-size:11px; text-transform:uppercase;}
.nav > ul > li > div > ul > li {padding:6px 0;}
.nav > ul > li > div > ul > li + li {border-top:1px solid #ddd;}
.nav > ul > li > div > ul > li a {color:#333;}
.nav > ul > li > div > ul > li a:hover {color:#989898;}

.nav > ul > li:hover > a {background:url(../images/nav-hover.jpg) 0 0 repeat-x;}

.nav > ul > li:hover > span {background:url(../images/nav-hover.jpg) 0 0 repeat-x;}
.nav > ul > li > a.current {background:url(../images/nav-hover.jpg) 0 0 repeat-x;}
.nav > ul > li > span.current {background:url(../images/nav-hover.jpg) 0 0 repeat-x;}
#oneLeft {
  margin-left: 1px;
}
#oneRight {
  margin-right: 1px;
}
#stretch {
    /*flex: 1 1 auto;
    /*padding:10px;*/
    /*padding-left: -25px;*/
    display: flex;
    justify-content: flex-start;
}
.slider {width:100%; margin:0 auto; max-width:1500px; z-index:0; position:relative; overflow:hidden;}
#slider .slides_container {
	width:1500px;
	overflow:hidden;
	float:left;
	height:597px;
	position:relative;
	display:none;
	z-index:2;
}
#slider .slides_container div.slides {width:1500px; height:597px;}
#slider .slides_container div.slides img {position:absolute; left:0px; top:0px;}
.slider-content {width:900px; padding:227px 0; position:relative; z-index:1; margin:0 auto; color:#fff;}
.slider-content h2 {font-size:46px; color:#fff; text-transform:uppercase;}
.slider-content h2 .cufon {margin:-4px 0 0;}
.slider-content p {width:311px; color:#fff; font-size:16px; padding:0 0 15px;}
.slider-content p .cufon {margin:6px 0;}
.learmore {background:url(../images/learn-more.png) 0 0 no-repeat; display:block; width:121px; height:38px;}
.learmore:hover {background-position:0 100%;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.paginationbox {position: absolute; bottom:0px; left:0px; width:100%; min-width:1000px; z-index:3; background:url(../images/bg-pagination.png) 0 0 repeat; padding:12px 0;}
/* added justify content space around and display flex line 100 */
.pagination {display: flex; justify-content: space-around ;margin:0 auto; width:953px; list-style:none;}
.pagination li {float:left; width:25%;}
.pagination li a {color:#fff;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.thum-image {background:url(../images/border-thum.jpg) 0 0 repeat-x; padding:5px; float:left;}
.current .thum-image {background:#fff;}
.thum-text {float:left; padding:8px; width:111px; text-transform:uppercase;}
.thum-text .cufon {margin:2px 0;}
.content {padding:0 0 20px; position:relative; z-index:3;}

.homecon {margin:20px 0 0; background:#fff url(../images/con-image.png) 100% 0 no-repeat; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.21);box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.21); -webkit-border-radius: 6px; border-radius: 6px; min-height:301px;}
.homecon > img {float:right;}
.conbox {padding:30px; width:668px;}
.conbox h2 {font-size:22px; color:#2c2c2c; font-weight:normal; padding:0 0 18px;}
.conbox p {font-size:14px; color:#2c2c2c; padding:0 0 15px; font-family: 'sommetregular'; line-height:23px;}

.conbox h2 .cufon {margin:3px 0;}


.footer {text-align:center; font-size:11px; color:#767676; font-family: 'sommet_boldbold'; padding:0 0 20px 0;}
.footer p {padding:0 0 8px;}
.footer p a {color:#767676; margin:0 5px;}
.footer p span {color:#767676; margin:0 5px;}
.footer p a:hover {color:#000;}

.innerbg {margin:-50px 0 0; background:#fff; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.23);box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.23); -webkit-border-radius: 6px; border-radius: 6px; min-height:101px; padding:25px 25px 25px 40px;}

.innerbg h1 {font-size:44px; color:#322f74; padding:9px 0 10px; text-transform:uppercase;}
.innerbg p {font-size:14px; color:#2c2c2c; line-height:23px; padding:0 0 31px; font-family: 'sommetregular';}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.leftpart {float:left; width:610px;}
.leftpart a {color:#231D4B;}
#leftpartPhone {color:#0000EE}
#leftpartPhone:hover {color:#989898;}
.leftpart a:hover {color:#989898;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.rightpart {float:right; width:250px;}
.contactform {border:1px solid #c7c7c7; background-color:#f4f4f4; padding:20px; -webkit-border-radius: 6px; border-radius: 6px; margin:0 0 15px;}
.right-image {border:1px solid #c7c7c7; background-color:#f4f4f4; padding:3px; -webkit-border-radius: 6px; border-radius: 6px; }
.contactform h2 {font-size:28px; color:#322f74; padding:0 0 10px; text-transform:uppercase;}
.formmain {padding:0 0 8px;}
.contactform label {display:block; color:#2c2c2c; font-family: 'sommetregular'; font-size:14px; padding:0 0 5px;}
.inputcontact {border:1px solid #dddddd; background:#fff; padding:6px; width:194px; resize:none; -webkit-border-radius: 4px; border-radius: 4px; font-family: 'sommetregular'; font-size:13px; color:#2c2c2c;}
textarea.inputcontact {resize:none; height:90px;}
.submitbtn {background:url(../images/submitbtn.png) 0 0 no-repeat; width:90px; height:32px; border:none; cursor:pointer;}
.submitbtn:hover {background-position: 0 100%;}

.listservices {list-style:none; font-size:14px; color:#2c2c2c; font-family: 'sommet_boldbold';}
.listservices li {padding:6px 0 6px 22px; background:url(../images/listarrow.png) 0 9px no-repeat;}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #07d;
  border-bottom-color: #07d;
  animation: spinner .8s ease infinite;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.innerbg h4 {font-size:16px; color:#322f74; padding:0 0 10px; font-family: 'sommet_boldbold'; text-transform:uppercase;}
.innerbg h5 {font-size:14px; color:#322f74; padding:0 0 8px; font-family: 'sommet_boldbold'; border-bottom:1px solid #ddd; margin:0 0 8px;}

.row {padding:10px 0 10px;}
.column {width:280px; margin:0 20px 0 0; float:left;}

#slideshow {width:100%; min-width:1000px; margin:0 auto; max-width:1500px; position:relative;}
#slideshow .slides_container {width:1500px; height:236px; overflow:hidden;}
#slideshow .prev {position:absolute; top:50%; left:10px; z-index:7; width:30px; height:31px; background:url(../images/prev.png) 0 0 no-repeat; margin-top:-15px; font-size:0px; line-height:0px;}
#slideshow .next {position:absolute; top:50%; right:10px; z-index:7; width:30px; height:31px; background:url(../images/next.png) 0 0 no-repeat; margin-top:-15px; font-size:0px; line-height:0px;}

.conimage {float:right; border-left:1px solid #ddd; padding:0 00 0 30px}