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

@import url("google-fonts.css");
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200,500,600,800,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);


body{ background:#fff; font-family: 'Source Sans Pro', sans-serif; }
*{ margin:0px; padding:0px;}
h1{ font-size:60px;  font-weight:200; color:#000; font-family: 'Raleway', sans-serif;}
h2{ font-size:42px; font-weight:300; color:#000; font-family: 'Raleway', sans-serif;}
h3{ font-size:34px; font-weight:300; color:#000; font-family: 'Raleway', sans-serif;}
h4{ font-size:28px; font-weight:300; font-family: 'Raleway', sans-serif;}
h5{ font-size:24px; font-weight:300; font-family: 'Raleway', sans-serif;}
h6{ font-size:18px; font-weight:300; font-family: 'Raleway', sans-serif;}
p{ color:#222222; font-size:18px; line-height:24px;}
li{ list-style:none;}
a{ text-decoration:none; transition: background-color 0.5s ease;}
a img{ border:none; }
::selection{ background:#013e8d; color:#fff;}
.height5  { height:5px;}
.height10 { height:10px;}
.height15 { height:15px;}
.height20 { height:20px;}
.height25 { height:25px;}
.height30 { height:30px;}
.height35 { height:35px;}
.height40 { height:40px;}
.clear{ clear:both;}
#wrap{ overflow: hidden;}
.container{ width:1170px; margin:0 auto;}



/*... Banner ...*/
.banner-bg{ background-size:cover; width:100%; height:100%;}
.banner .banner-detail { z-index:2;     position: absolute; width: 100%;}

.banner .banner-detail .logo img{ }
.logo a { width: 398px; display: inline-block;     margin-bottom: 0px;    text-align: center;    line-height: 1;}
.logo {     position: relative; top: 110px; text-align: center;    z-index: 5555;}
.logo span{ color: #fff; display: inline-block; font-size: 24px; font-weight: 300; margin:5px 0 0 0;}
.header { padding:6px 0; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.13); float: left; width: 100%; background:#fff;}
.header .header-logo{ float:left;}
.header .nav{}
.header .nav ul{ float:right; margin:9px 0 0 0;}
.header .nav ul li{ float:left; margin: 18px 0 0 32px; }

.header .nav ul li a{ font-size:15px; color:#191919; font-family: 'Raleway', sans-serif;    font-weight: 500;}
.header .nav ul li a:hover{ color:#f5821f;}

.banner .read-button{ text-align:center; margin:198px 0 0 0; position: absolute; left: 45%; bottom: -56%;}
.banner .read-button .read-more{ font-size: 15px; color: #222; text-transform: uppercase; font-weight: 700; border: solid 3px #292929; border-radius: 5px; padding: 13px 36px;}
.banner .read-button .read-more:hover{border: solid 3px #f5821e; background:#f5821e; color:#fff;}
.nav li.active a{color:#F5821E !important;}

















.main-title{ text-align:center;}
.main-title.white h1{ color:#fff; font-size: 44px; font-weight: 400;}
.main-title h1 span{font-weight:400; display: block; line-height:44px; font-size: 44px;}
.main-title p{ font-size:20px; width: 65%; display: inline-block; font-weight: 500; margin:15px 0 0 0;}


/*... TAQ Organization ...*/
.taq-org{ padding:120px 0; display: inline-block; width: 100%; background: #F8F8F8; border-bottom: solid 1px #E7E7E7;}
.taq-org .taq-all{ margin:80px 0 0 0;}
.taq-org .taq-all .taq-sec{ text-align:center; float: left; cursor:pointer;}
.taq-org .taq-all .taq-sec .icon-bg{background-color: #425daa; border: solid 3px #FFF; padding: 30px; border-radius: 100%; display: inline-block;
 -webkit-transition:  box-shadow .6s ease-out;}
.taq-org .taq-all .taq-sec:hover .icon-bg{ box-shadow: 0 0 0 4px #425daa; -webkit-transition:  box-shadow .6s ease-in;}

.taq-org .taq-all .taq-sec .icon-bg.orange-back{background-color: #f5821e; border: solid 3px #FFF; -webkit-transition:  box-shadow .6s ease-out;}
.taq-org .taq-all .taq-sec:hover .icon-bg.orange-back{ box-shadow: 0 0 0 4px #f5821e; -webkit-transition:  box-shadow .6s ease-in;}
.taq-org .taq-all .taq-sec:hover h5.purpal{ color:#425daa;}
.taq-org .taq-all .taq-sec:hover h5.orange{ color:#f5821e;}

.taq-org .taq-all .taq-sec img{ width: 37px; height: 37px;}
.taq-org .taq-all .taq-sec .text{ margin:24px 0 0 0;}
.taq-org .taq-all .taq-sec .text h5{ font-weight:700; color: #222;}

.taq-org .taq-all .taq-sec .text p{ margin:5px 0 0 0;}








/*... Products & Services ...*/
.pro-services{padding:120px 0; background-color:#fff; border-bottom:solid 1px #e7e7e7; display:inline-block; width: 100%;margin:-16px 0 0 0;}
.pro-services .all-services{ margin:80px 0 0 0; text-align: center;}
.pro-services .all-services .services-sec{ width:361px; display: inline-block; margin: 0 40px 42px 0;}
.pro-services .all-services .services-sec.last{margin: 0 0 0 0;}
.pro-services .all-services .services-sec img{ width:100%;}
.pro-services .all-services .services-sec .detail{ text-align:center; background:#fff; margin: -3px 0 0 0; padding: 36px 0;}
.pro-services .all-services .services-sec .detail h6{ color:#111111; font-weight:700;     -o-transition: .5s;
    -ms-transition: .5s;    -moz-transition: .5s;    -webkit-transition: .5s;    transition: .5s;}
.pro-services .all-services .services-sec:hover h6{ color:#F5811F;}
.pro-services .all-services .services-sec .detail p{ margin:8px 0 0 0;} 
.pro-services .button{ text-align:center; margin:32px 0 0 0;}
.pro-services .button .learn-more{ font-size: 15px; color: #111111; text-transform: uppercase; font-weight: 700; border: solid 3px #111111; border-radius: 5px; padding: 12px 36px;}
.pro-services .button .learn-more:hover{border: solid 3px #f5821e; background:#f5821e; color:#fff;}

.taq-all.wow.fadeIn{margin:30px 0 0 0; text-align:center;}
.taq-all.wow.fadeIn .text h5{font-size:16px; color:#000; font-weight:700; margin:0px 0 0 0;     -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;}
.taq-all.wow.fadeIn .text:hover h5{color:#F5821F;}
.taq-all.wow.fadeIn .text p{ margin:0px 0 0 0; font-size:16px; line-height:20px;}

/*... About TTO ...*/
div#who-we-are{background-color: #f9f9f9 !important;}
.about-tto{ padding:120px 0; display: inline-block; width: 100%;}
.about-tto.about-tto2{ padding:0px;}
.about-tto .all-services{ margin:40px 0 0 0; text-align:center;}

.taq-org .about-tto .all-services .services-sec{ width:254px;}
.about-tto .all-services .services-sec{ width:360px; display: inline-block; margin:0 30px 60px 0;}

.all-services .press-img.image { height: 120px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.48); border: solid 5px #fff; width: 120px;
 overflow: hidden; display: inline-block;}
.all-services .press-img img { width: 100%; height: auto; max-width: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;
-o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}

.about-tto .all-services .services-sec.last{margin: 0 0 0 0;}
.about-tto .all-services .services-sec i{ display: inline-block; -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;  -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0);
transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale; color: #222; font-size: 32px;}
.about-tto .all-services .services-sec:hover i{     -webkit-transform: translateY(-5px); transform: translateY(-5px);}

.about-tto .all-services .services-sec .detail{ text-align:center; margin:0 0 0 0;}
.about-tto .all-services .services-sec .detail h6{font-weight:700;  -o-transition: .5s;
    -ms-transition: .5s;    -moz-transition: .5s;    -webkit-transition: .5s;    transition: .5s;}

.about-tto .all-services .services-sec.orange .detail h6{ color:#000;}
.about-tto .all-services .services-sec.blue .detail h6{ color:#000;}

.taq-org .about-tto .all-services .services-sec .detail h6{ color:#151515;}
.taq-org .about-tto .all-services .services-sec:hover h6{ color:#f5821e;}

.about-tto .all-services .services-sec .detail p{ margin:8px 0 0 0; font-size: 16px; line-height: 20px;} 
.about-tto .all-services .services-sec .read-more{font-size: 16px; margin: 10px 0 0 0; display: inline-block;}
.about-tto .all-services .services-sec .read-more{color:#000;}
.about-tto .all-services .services-sec .read-more:hover{color:#f5821e;}


/*... News & Media ...*/

.news-media { padding:120px 0; display: inline-block; width:100%; background:url(../images/news-mediabg.jpg) no-repeat fixed;}
div#news-media { margin:20px 0 0 0;}
.news-media .news-detail{    text-align: center;}
.news-media .news-detail p{ line-height:38px; font-family: 'Raleway', sans-serif; font-size:28px; color:#fff; width: 80%; display: inline-block;    font-weight: 200;}
.news-media .news-detail span{ color: #d5dae9; display: block; font-size:16px; }
.news-media .button{ text-align:center; margin:75px 0 0 0;}
.news-media .button .read-more{ font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 700; border: solid 3px #fff; border-radius: 5px; padding: 12px 36px;}
.news-media .button .read-more:hover{border: solid 3px #f5821e; background:#f5821e; color:#fff;}


.twitter-widget { text-align: center; margin:80px 0 0 0;}
.twitter-widget i.fa.fa-twitter { color: #41abe1; font-size: 90px; margin: 0 0 10px 0;}
.twitter-widget p{color:#fff;    min-height: 50px;}
.twitter-widget a{color:#fff;}
span.time { display: block;}
.twitter-widget a:hover{color:#ff7917;}

.error {
    border: solid 1px #EA5454 !important;
	background: #FBE7E7;
}
/*... Contact Us ...*/
.contact-us .find-us{ padding:120px 0;}
.contact-us .contact-form{ text-align:center; margin:85px 0 0 0;}
.contact-us .contact-form .form-sec{ display: inline-block; width:424px; margin:0 10px;}
.contact-us .contact-form .form-sec .field{}
.contact-us .contact-form .form-sec .field input[type=text]{ border: solid 1px #5e5e5e; width: 100%; padding: 0 12px; height: 52px; color: #3e3e3e; font-size: 13px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; border-radius: 5px; margin: 0 0 10px 0;}
.contact-us .contact-form .form-sec .field textarea{ border: solid 1px #5e5e5e; width: 100%; padding:10px 12px; height: 95px; color: #3e3e3e; font-size: 13px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; border-radius: 5px; margin: 0 0 10px 0;}
.contact-us .contact-form .form-sec .field input[type=submit]{ border: solid 1px #F6821F; width: 100%; padding: 0 12px; height: 52px; color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; border-radius: 5px; margin: 0 0 10px 0; background:#F6821F; font-weight:bold; cursor:pointer; -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;}
.contact-form .form-sec .field input[type=submit]:hover{ border: solid 1px #013e8d; background:#013e8d;}


.footer{ background:#fff; display: inline-block; width: 100%;}
.footer .footer-detail{ margin:88px 0 52px 0; text-align:center;}
.footer .footer-detail .footer-logo{}
.footer .footer-detail .footer-nav{ margin:60px 0 0 0;}
.footer .footer-detail .footer-nav li{ display: inline-block; border-bottom: solid 1px #CCCCCC; margin: 0 0 0 -2px; padding:0 0 22px 0;}
.footer .footer-detail .footer-nav li a{ color: #191919; font-size: 16px;}
.footer .footer-detail .footer-nav li a:hover{ color: #f5821f;}
.footer .footer-detail .footer-nav li span{color: #191919; margin:0 10px; font-size: 15px;}


.footer .footer-detail .get-touch{ margin:20px 0 0 0;}
.footer .footer-detail .get-touch li{ display:inline-block; margin: 0 12px;}
.footer .footer-detail .get-touch li img{ margin:0px 6px 0 0; float:left;}
.footer .footer-detail .get-touch li span{ color:#191919; font-size:16px;}




.footer .footer-detail .social-icons{ margin:55px 0 0 0;}
.footer .footer-detail .social-icons li{ display: inline-block;}
.footer .footer-detail .social-icons li a{ background:url(../images/social-icons.png) no-repeat; width:34px; height:34px; display: inline-block;}
.footer .footer-detail .social-icons li a.tw{ background-position:-38px 0;}
.footer .footer-detail .social-icons li a.gp{background-position:-76px 0;     display: none;}

.footer .footer-detail .social-icons li a.fb:hover{background-position:0 -34px;}
.footer .footer-detail .social-icons li a.tw:hover{ background-position:-38px -34px;}
.footer .footer-detail .social-icons li a.gp:hover{background-position:-76px -34px;}


/* Footer Social Media Icons added by AR */
.icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
        border: 1px solid;
        border-color: black;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;        
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.linked-in span {
	background-color: #0077B5;
}

/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-button .icon-twitter {
	/*color: #4099ff;*/
        color: black;
}
.icon-button .icon-facebook {
	/*color: #3B5998;*/
        color: black;
}
.icon-button .icon-linked-in {
	/*color: #0077B5;*/
        color: black;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-linked-in {
	color: white;
}
/* Footer Social Media Icons added by AR Close */

.footer .copyright{ background:#e5e5e5; text-align: center; padding: 22px 0;}
.footer .copyright p{ color:#1e1e1e; font-size:15px;}

a{-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}

#eventx { height:500px; width:100%; margin:0 0 0 0;}
    .gm-style-iw h4 { margin: 0; padding: 0; }
	.gm-style-iw p { margin: 0; padding: 0; font-size:14px; }
    .gm-style-iw a {
        color: #4272db;
    }




.icon-bg.blue.press-img.image{height:100px; width:100px; border-radius: 0%; overflow: hidden; display: inline-block;}
.press-img img:hover {
    max-width:none;
    width:110%;
    height:auto;
    margin:-8px 0 0 -5px;
}
.icon-bg.orange.press-img.image{height: 100px; width: 100px; overflow: hidden; display: inline-block;}
.press-img img{ width: 100%; height: auto;max-width:none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;
-ms-transition: all .5s ease; transition: all .5s ease; }


.cd-modal.apple2.modal-is-visible {
    background-color: #fff;
}
a.link { color: #013E8D; text-transform: uppercase; text-decoration: underline; margin: 0 0 0 14px; font-size: 14px;}
a.link:hover { color: #000;}

.sub-page { padding:0 0; margin:80px 0 0 0;}

.breadcrumbs{    display: inline-block;}
.breadcrumbs li{ float: left; margin: 0 0 0 0; font-size: 15px;}
.breadcrumbs a{color: #F4821F;}
.breadcrumbs li span{     margin: 0 10px; color: #9A9A9A;}
.sub-page .news{    width: 75%;}
.sub-page .news p.date{font-size: 14px;}
.sub-page .news h4 a{ color: #F4821F; display: block; font-size: 24px; font-weight: 700; margin: 5px 0 10px;}
.sub-page .news p{}
.sub-page .news a.read-more{background: #023F8F; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 14px; padding: 10px 32px;
 border-radius: 5px; display: inline-block; margin: 14px 0 0 0;}
.sub-page .news a.read-more:hover{background: #F4821F;}
.news-left { margin: 45px 0 0 0;}

.about-tto .all-services .services-sec:hover i { color: #f5821e;}
.about-tto .all-services .services-sec:hover h6 { color: #013E8D !important;}



.tools-sec { width:47% !important; margin:30px 0 0 0 !important; padding:0 30px 0 0;}
.tools-sec .press-img.image{ float:left !important;     margin:-26px 22px 0 0 !important;}

.tools-sec .detail{ text-align:left !important;}


.events a.links {
    background: #F5821E;
    text-decoration: none !important;
    color: #fff !important;
    padding: 12px 33px;
    float: left;
    margin: 18px 0 0 0;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
}

.events a.links:hover { background: #003689;}



 





.cd-modal.modal-is-visible {background: #fff;}
form#quote{}
form#quote .form{}
form#quote .form .field{    margin: 0 0 10px 0; float:left; width:50%;}
form#quote label { font-size: 14px; float: left; text-align: left; width: 145px; margin:9px 0 0 0;}
form#quote input[type=text]{ border-radius: 5px; width: 228px; border: solid 1px #ccc; height: 30px; margin: 0 0 0 10px; text-align: left;
float: left; padding: 0 10px;}
form#quote .field select{ border-radius: 5px; width: 228px; border: solid 1px #ccc; height: 30px; margin: 0 0 0 10px; text-align: left;
float: left;}

form#quote .right-sec label {width: 32%;}
form#quote .right-sec .field{ margin:0 0 10px 0; float:left; width: 100%;}
form#quote .right-sec .field input[type=text]{ width:64% !important;}
form#quote .right-sec .field select{ width:64% !important;}
textarea#textarea4 {     width: 64%; border-radius: 5px; border: solid 1px #ccc; float: right;    padding: 10px 12px;}
/*form#quote span{    font-size: 10px; */
/*color: #FFFFF;*/
/*margin: 0 0 0 3px;}*/


select#year { width: 74px !important;}
select#month { width:67px !important;}
select#day { width: 67px !important;}
form#quote p { font-size: 18px; float: left; width: 100%; margin: 18px 0 14px 0;    font-weight: 700;}
input#total_weights { width: 152px !important;}
select.meas_kg { width: 66px !important;}

input#height { width: 69px !important;}
input#length { width: 69px !important;}
input#width { width: 69px !important;}

.field2 { width: 100% !important; float: left;}
textarea#detail { float: left; border-radius: 5px; border: solid 1px #ccc; margin: 0 0 0 11px; width: 450px;     padding: 8px 10px; font-size: 12px; height:110px;}




form#quote .right-sec input.button { float: right; border: none; background: #425daa; color: #fff; padding: 12px 36px; text-transform: uppercase;    border-radius: 6px; cursor:pointer;}
form#quote .right-sec input.button:hover{background: #F5821E; }



.serv-form input[type="text"]{width:100%; margin: 10px 0 0 0; border-radius: 5px; height: 44px; border: solid 1px #ccc; padding: 0 12px;}
.serv-form textarea{width:100%; margin: 10px 0 0 0; border-radius: 5px; height:124px; border: solid 1px #ccc; padding:12px 12px;}
.serv-form input[type="submit"] { background:#033D8F; text-transform: uppercase; color: #fff; border: none; float: left; margin: 8px 0 0 0;
 border-radius: 5px; padding: 14px 36px; cursor: pointer;}
.serv-form input[type="submit"]:hover{background:#F5821E;}


#map h4{ font-size:18px; color:#222; font-weight:700;}
	#map p{ font-size:14px; color:#222;}

div.success{ text-align:center; margin:32px 0 0 0;}
div.success p{ font-size:20px;}


.icon-ser{    font-weight: 700;
    z-index: 2;
    width:110px;
    margin:8px 0 0 -18px;
    float: left;}
.icon-about i{    font-weight: 700;
    z-index: 2;
    margin: -8px 16px 0 0;
    font-size:34px;
    float: left;}

div.success { background: #CEF1CD; border: solid 1px #9ACA99; padding: 20px 0;}





.sub-header {padding:50px 0 40px 0; background:url(../images/sub-pattern.jpg) repeat;}
.events p strong { margin: 45px 0 10px 0; display: block; color: #000;}
.events a.links { color: #003689; text-decoration: underline;}
.events a.links:hover{ color: #222; }
.events li { font-size: 16px; margin: 13px 0 0 0;}





.sub-page .news { margin: 20px 0 0 0;}
.news table { border:solid 1px #000; margin:25px 0 0 0;}
.news tbody{}
.news tbody tr{ }
.news tbody td{    background: #F1F1F1;
    padding: 11px 12px;
    font-size: 14px;
    border: solid 1px #000; }


















.taq-sec{     display: inline-block;
    width: 350px;
    margin: 0 38px 16px 0;}

#demo a {
    text-align: center;
    display: inline-block;
}

.logo span{color:#000; font-style:italic; margin:18px 10px 0 0;}


.cd-modal-content ul li{ line-height:36px; font-size:18px;     list-style: disc;
    margin: 0 0 0 20px;} 
.popup-logo {
    position: absolute;
    margin: 0 0 0 0;
    background: #fff;
    width: 100%;
    padding: 10px 0 10px 156px;
    z-index: 1;
}








.cd-modal-content img.content-img{
    float: right;
    margin: 0 0 0 48px;
    width:300px;
	height:auto
}



.popup-logo .modal-close{position:static !important; background:none !important; overflow:visible !important;}




.banner-text{ color:#111 !important;}
.banner-text:hover{color:#111 !important;}












.news-right-sidebar{    float: right;
    width: 250px;
    text-align: center;}
.latest-edition{display: block; text-align: center; font-size: 16px; color: #222; float:right; font-weight: bold; margin:0 0 24px 0;}
.latest-edition a{ text-decoration:underline; color:#222;}
.latest-edition a:hover{color:#F4821F;}