/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
html,body { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
input{ border:1px solid #b0b0b0; padding:3px 5px 4px; color:#979797; width:190px; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; }
q:before,q:after{content:'';}
abbr,acronym{border:0;}


/* ================
   	  MAIN RULES 
   ================ */
body{border-top:solid 10px #005696; background-color:#ececec;font-family:'Source Sans Pro', sans-serif; color:#808080;overflow:auto;}
.main-container{width:1100px; margin:0 auto;}
.content-wrapper{width:980px; margin:0 auto;}   


/* ================
   	  	HEADER 
   ================ */   
header { padding-bottom:20px; }   
/* LOGO */
.logo { margin:0; margin-top:20px; padding:0; width:201px; height:90px; float:left; background:url(../img/logo.png) no-repeat; background-size:contain; }
.logo a { display:block; text-indent:-2000em; height:90px; }

/* MAIN MENU */
nav { float:right; }
nav .selector { position:absolute; display:block; height:10px; width:auto; background-color:#79bde9; top:0; }
nav li { display:inline-block; padding-top:48px; padding-bottom:20px; }
nav a  { display:block; padding:5px 15px; width:auto; text-align:center; text-transform:uppercase; font-weight:400; color:#808080; font-size:16px; text-decoration:none; }
nav .active, nav .active a { background-color:#e1e1e1; font-weight:700; }

/* LANGUAGES */
.lang { position:absolute; top:20px; display:none; }
.lang a { text-decoration:none; color:#808080; border-radius:100%; margin-right:2px; margin-bottom:5px; border:solid 3px white; padding:3px; display:inline-block; font-size:12px;text-transform:uppercase; width:15px; height:15px; text-align:center; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; }
.lang a:hover { border-color:#79bde9; color:#79bde9; }
.lang .active { border-color:#005696; color:#005696; }

/* HEADER SUBCONTENT */
article { float:left; margin-top:35px; }
article h2 {height:58px;line-height:58px;font-size:18px; color:#808080; padding:4px 0; }
article h2 .bigger{font-weight:600;font-size:24px; }
.seal-logo { display:block; float:right; margin-top:35px; }

/* VIDEO */
.video-wrapper { height:515px; overflow:hidden; position:relative; background-color:#414669; }
.video-wrapper h2 { display:block; position:absolute; bottom:30px; left:58px; width:980px; font-size:26px; text-transform:uppercase; color:#FFF; z-index:1; }
.video-wrapper video{width:134% !important;min-height:100% !important;margin:auto auto auto -17%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;}
.video-wrapper .play { position:absolute; display:none; top:0; bottom:0; left:0; right:0; margin:auto; width:100px; height:100px; background-image:url(../img/play.png); background-size:contain; }
.video-wrapper .pause { position:absolute; display:none; top:0; bottom:0; left:0; right:0; margin:auto; width:100px; height:100px; background-image:url(../img/pause.png); background-size:contain; }


/* ================
   	  SECTIONS 
   ================ */ 
section { background-color:#FFF; padding:25px 0 50px; color:#616161; box-shadow:0px 5px 5px 0px rgba(0,0,0, 0.05); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0, 0.05); -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0, 0.05); } 
.title { text-align:center; font-size:28px; font-weight:600; text-transform:uppercase; } 
.subtitle { font-size:26px; font-weight:400; }
.border-title { width:275px; margin:0 auto; color:#FFF; font-weight:400; } 
.border-title span { display: inline-block;position: relative; }
.border-title span:before,
.border-title span:after { content: ""; position: absolute; height: 18px; border-bottom: 1px solid white; top: 0; width: 100px; }
.border-title span:before { right: 100%; margin-right: 20px; }
.border-title span:after { left: 100%; margin-left: 20px; }
hr.break { width:50px; border: none; height:1px; background-color:#d9d9d9; margin:25px auto; }

/* Move Buttons */
.goDown, .goUp { margin:0 auto; height:40px; width:40px; padding:10px; background-color:#f7f7f7; border-radius:100%; margin-bottom:30px; cursor:pointer;  }
.goDown span, .goUp span { display:block; width:40px; height:40px; background-color:#FFF; border-radius:100%; -moz-box-shadow: 3px 3px 5px 0px #ccc; -webkit-box-shadow: 3px 3px 5px 0px #ccc; box-shadow: 2px 3px 5px 0px #ccc; background-image:url(../img/sprite.png); background-position:-78px -23px; background-size:1020px 300px; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.goDown span:hover { box-shadow: 1px 0px 5px 0px #ccc; -moz-box-shadow: 1px 0px 5px 0px #ccc; -webkit-box-shadow: 1px 0px 5px 0px #ccc; }

.goUp { position:absolute; left:0; right:0; margin:auto; bottom:45px; }
.goUp span { transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -moz-box-shadow: -3px -3px 5px 0px #ccc; -webkit-box-shadow: -3px -3px 5px 0px #ccc; box-shadow: -3px -3px 5px 0px #ccc; }
.goUp span:hover {  box-shadow: -1px 0px 5px 0px #ccc; -moz-box-shadow: -1px 0px 5px 0px #ccc; -webkit-box-shadow: -1px 0px 5px 0px #ccc; }


/* WELCOME SECTION */
.welcome p { text-align:center; max-width:980px; display:block; margin:auto; font-size:18px; font-weight:300; }

.button { display:block; margin:40px auto 0; padding:10px 20px; background-color:#808080; width:100px; text-align:center; color:#FFF; text-decoration:none; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;  }
.button:hover { background-color:#005696; }

/* WIDE SECTION */
.wide-container { padding:30px 0; position:relative; box-shadow: 5px 0px 5px 0px #ccc; -moz-box-shadow: 5px 0px 5px 0px #ccc; -webkit-box-shadow: 5px 0px 5px 0px #ccc; }
.wide-background { display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.2; }

/* CATEGORIES */
.categories { margin-top:50px;  }
.categories a { display:block; position:relative; float:left; margin-bottom:40px; }
.categories a:nth-of-type(4n), .categories a:first-of-type { margin-right:120px; }
.categories a:nth-of-type(3n) { margin-right:0; float:right; }
.categories a .icon { border:solid thin #FFF; border-radius:100%; height:70px; width:70px; float:left; margin-right:25px;
padding:20px; }
.categories a .icon span{width:70px;height:70px;background-repeat:no-repeat;background-position:center;display:block;}
.categories a h3 { color:#FFF; text-decoration:none; text-transform:uppercase; font-size:20px; margin:37.5px 0; height:25px; overflow:hidden; float:right; min-width:120px; max-width:220px; overflow:hidden; }
.categories .popup { position:absolute; opacity:0; top:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -moz-transform:translateY(-70px); margin-left:-63px; width:200px; height:100px; padding:25px 20px; background-color:rgba(0, 86, 150, 0.9); color:#FFF; transition:transform .4s ease-out, opacity .4s ease-out; -moz-transition:transform .4s ease-out, opacity .4s ease-out; -ms-transition:transform .4s ease-out, opacity .4s ease-out; -webkit-transition:transform .4s ease-out, opacity .4s ease-out; z-index:-1; }
.categories .popup:after, .categories .popup:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.categories .popup:after { border-color: rgba(136, 183, 213, 0); border-top-color: rgba(0, 86, 150, 0.9); border-width: 15px; margin-left: -15px; }
.categories .popup p, .categories .popup span { margin:0; color:#FFF; text-align:center; text-decoration:none; text-transform:uppercase; font-size:14px; }
.categories .popup p { height:76px; overflow:hidden; line-height:18px; }
.categories .popup span { display:block; margin:10px auto 0; float:none; font-weight:600; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;  }
.categories .popup span:hover { color:#79bde9; }
.categories a:hover .popup { z-index:0; opacity:1; transform:translateY(-145px); -moz-transform:translateY(-145px); -webkit-transform:translateY(-145px);  }

/* PRODUCTS */
.products { padding-bottom:10px; }
.products .item { display:block; background-color:#FFF; margin-top:10px; margin-bottom:10px; position:relative; float:left; margin-right:30px; width:250px; height:270px; overflow:hidden; box-shadow:0px 5px 5px 0px rgba(0,0,0, 0.1); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0, 0.1); -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0, 0.1); }
.products .item:nth-of-type(4n) { margin-right:0; }
.products .item img { display:block; position:absolute; max-width:250px; max-height:300px; top:0; bottom:0; left:0; right:0; margin:auto;  }
.products .item span { display:block; position:absolute; top:0; right:0; width:25px; height:25px; background-image:url(../img/sprite.png); background-position:-101px -21px; background-color:#000; } 
.products .item .popup { position:absolute; opacity:0; text-align:center; top:0; width:250px; height:0px;background-color:rgba(0, 86, 150, 0.9); color:#FFF; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;}
.products .item .popup p { display:table-cell; vertical-align:middle; height:270px; padding:0 25px; width:200px; text-align:center; overflow:hidden; }
.products .item:hover .popup  { opacity:1; height:270px; }

/* NEWS */
.news { padding:50px 0; position:relative; overflow:hidden; }
.news .border-title { color:#005696; }
.news .border-title span:before, .news .border-title span:after { border-bottom: 1px solid #005696; }
.news .border-title span:before { right: 100%; margin-right: 80px; }
.news .border-title span:after { left: 100%; margin-left: 80px; }
.news .owl-prev, .news .owl-next { display:block; position:absolute; top:-35px; height:30px; width:18px; background-image:url(../img/sprite.png); }
.news .owl-prev { left:50px; background-position:-140px -20px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
.news .owl-next { right:50px; background-position:-140px -20px; }
.news .owl-prev:hover, .news .owl-next:hover  { background-position:-175px -20px; }
.news .article-container {  padding-top:50px; padding-bottom:25px; }
.news .article-container article { width:485px; padding:0 15px 0 45px; }
.news .owl-wrapper .owl-item:nth-of-type(2n) article { padding:0 30px 0 30px;  }
.news .date { float:left; font-size:18px; font-weight:700; text-transform:uppercase; padding:0 8px 15px; border-bottom:solid thin #e5e5e5; }
.news .date span { font-size:32px; line-height:25px; }
.news .share { float:left; margin-top:15px; padding:0 6px; }
.news .share a { display:block; position:relative; width:34px; height:34px; border-radius:100%; border:solid thin #808080; margin-bottom:10px; background-image:url(../img/sprite.png); background-size:940px 285px; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.news .share a:hover { border-color:#79bde9; }
.news .share .face { background-position:-345px -10px; }
.news .share .face:hover { background-position:-375px -10px; }
.news .share .link { background-position:-223px -10px; }
.news .share .link:hover { background-position:-252px -10px; }
.news .share a .popup { position:absolute; width:130px; padding:7px 10px; background-color:#79bde9; text-transform:uppercase; color:#FFF; font-size:12px; transform:translate(22px,-60px) rotate(-35deg); -moz-transform:translate(22px,-60px) rotate(-35deg); -ms-transform:translate(22px,-60px) rotate(-35deg); -webkit-transform:translate(22px,-60px) rotate(-35deg); transition:transform .3s ease-out, opacity .3s ease-out; -moz-transition:transform .3s ease-out, opacity .3s ease-out; -webkit-transition:transform .3s ease-out, opacity .3s ease-out; -ms-transition:transform .3s ease-out, opacity .3s ease-out; z-index:-1; opacity:0; }
.news .share a .popup:after, .news .share a .popup:before { right: 99%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.news .share a .popup:after{border-color: rgba(136, 183, 213, 0); border-right-color:#79bde9; border-width: 7px; margin-top: -7px; }
.news .share a:hover .popup{transform:rotate(0deg) translateX(45px); z-index:0; opacity:1; }
.news .content{border-left:solid thin #e5e5e5; float:right; width:405px; padding-left:15px; }
.news .content h4{font-size:20px; margin-bottom:10px; width:300px;height:50px;line-height:25px;overflow:hidden; }
.news .content p{font-size:14px;margin-bottom:8px;line-height:18px;overflow:hidden; }
.news .content p.text{height:108px;margin-bottom:0;}
.news .content a{display:block; margin-top:20px; text-decoration:none; font-size:14px; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.news .content a:hover { color:#005696; }
.news .content a span { display:block; float:left; width:13px; height:13px; margin:4px 0; margin-right:10px; background-image:url(../img/sprite.png); background-position:-287px -43px; }

/*  GO TO CONTACTS */
.get-in-touch { background-color:#005696; color:#FFF; text-align:center; padding:40px 0; }
.get-in-touch h3 { text-transform:uppercase; font-size:20px; margin-bottom:20px; }
.get-in-touch p { width:430px; margin:0 auto 30px;  }
.get-in-touch a { color:#FFF; text-decoration:none; padding:10px 30px; width:91px; border:solid 2px #FFF; display:block; margin:0 auto; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.get-in-touch a:hover { background-color:#FFF; color:#005696; }



/* ================
   	  FOOTER 
   ================ */ 
footer { padding-bottom:60px; position:relative; }   
.contacts { background-color:#808080; color:#FFF; font-size:14px; padding:40px 50px; }
.contacts .links, .contacts .info, .contacts .newsletter { float:left; margin-right:20px; }
.contacts .links { width:200px; }
.contacts .info { width:260px; margin-right:40px; }
.contacts .newsletter { }
.contacts h4 { font-size:18px; font-weight:700; margin-bottom:30px; }

.contacts .links a { color:#FFF; text-decoration:none; display:block; margin-bottom:7px; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.contacts .links a:hover { color:#79bde9; }

.contacts .info p{margin-bottom:10px;padding-left:20px;position:relative;}
.contacts .info p .icon{ display:block; width:16px; height:16px; margin-top:2px; margin-right:7px;background-image:url(../img/sprite.png);position:absolute;top:0;left:0;}
.contacts .pin { background-position:-208px -41px; }
.contacts .phone { background-position:-259px -42px; }
.contacts .message { background-position:-231px -41px; }

.contacts .newsletter p { height:36px; overflow:hidden; margin-bottom:17px; }
.contacts .newsletter input { width:275px; padding:10px; float:left; font-family: 'Source Sans Pro', sans-serif; border:none; }
.contacts .newsletter input:focus { outline:none; }
.contacts .newsletter input[type="submit"] { width:40px; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; background-image:url(../img/sprite.png); background-position:-274px -29px; }
.contacts .newsletter input[type="submit"]:hover, .contacts .newsletter input[type="submit"]:focus { background-color:#005696; }

.copyright { display:block; margin-top:30px; font-size:12px; float:left; }
.copyright a { text-decoration:none; color:#808080; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;  }
.copyright a:hover { color:#79bde9; }

.social { float:right; margin-top:22px; }
.social .icon { height:30px; width:30px; display:inline-block; margin-left:10px; border-radius:100%; background-color:#FFF; background-image:url(../img/sprite.png); box-shadow: 1px 0px 5px 0px #ccc; -moz-box-shadow: 1px 0px 5px 0px #ccc; -webkit-box-shadow: 1px 0px 5px 0px #ccc; }
.social .face { background-position:-205px -7px; }
.social .linked { background-position:-261px -7px; }
.social .share { background-position:-317px -7px; }


/*  ANIMATIONS  */
@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 30% { opacity: 1; } 100% { opacity: 0; } }
@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 30% { opacity: 1; } 100% { opacity: 0; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-duration:.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration:.6s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }


/*........................................... BEGIN RULERS ............................................*/
hr.clear{height:0;margin:0;border:none;clear:both;}
/*............................................ END RULERS .............................................*/


/*............................................ BEGIN TEXT .............................................*/
.blue{color:#103164;}
a.blue:hover{color:#848484;}
.grey{color:#848484;}
a.grey:hover{color:#103164;}

p.info, p.success, p.error{line-height:18px;color:#848484;font-size:16px;text-align:center;}
p.info b{color:#0675c3;}
p.success b{color:#44a453;}
p.error b{color:#e30b0b;}
/*............................................. END TEXT ..............................................*/